Estilos CSS más usados en formato de texto.

Escribe Javier R. Cinacchi en
https://www.estudiargratis.com.ar/webmaster/formatos-texto-css.html
Edición: 10/11/2013
A continuación lo más utilizado en estilos CSS para el caso del texto, en el diseño web. Te doy un ejemplo, y en "notas" más opciones con información. Lo que cambias en cada caso es lo que va después de los dos puntos. Guarda esta página en tus favoritos lo voy a ir mejorando de apoco.

- Centrar un texto en CSS

text-align: center;

Nota: Entonces en el documento de estilo lo llamarías por ejemplo así:
.centrar { text-align: center;}

• Para alinear un texto a la derecha irá: text-align: right;
• Para alinear un texto a la izquierda irá: text-aling: left;
• Para justificar un texto irá: text-aling: justify;

¿No logras comprender bien como se utilizan los estilos CSS? lee esta nota en Estudiargratis.net: Aprender lo básico en estilos CSS

- Tamaño de la letra en CSS

font-size: 11pt;

Nota: Lo puedes indicar al tamaño de la letra mediante puntos "pt" (el ejemplo de arriba); pixeles "px"; o utilizando tamaños de fuente relativos tales como:

• small;
  En código: font-size: small;
• medium;
  En código: font-size: medium;
• normal;
  En código: font-size: normal;
• larger;
  En código: font-size: larger;
• x-large;
  En código: font-size: x-large;
• xx-large;
  En código: font-size: xx-large;

El tamaño de texto relativo que en la práctica se va a mostrar, tiene que ver el elemento contenedor, y en dónde se lo está visualizando.

El tamaño de letra queda mal en los celulares?

Limite el ancho de la web, y en Body indique un ancho de letra relativo. Ejemplo:
.cuerpo {font-size: 125%;}
Nota: Es la propiedad de "body" (body class="cuerpo")

- Tipos de fuente en CSS

Nota: Se suelen indicar varias fuentes por compatibilidad, el navegador si no encuentra una, pondrá otra opcional. A continuación mi combinación fuentes preferidas para el diseño web con estilos CSS, que están también dentro de las familias de fuentes más usadas.

• font-family: Arial, Helvetica, sans-serif;
• font-family: Impact, Charcoal, sans-serif;
• font-family: Century Gothic, sans-serif;
• font-family: Lucida Sans Unicode, sans-serif;
• font-family: Times New Roman, Times, serif;
• font-family: Copperplate / Copperplate Gothic Light, sans-serif;
• font-family: Georgia, Times New Roman, Times, serif;
• font-family: Verdana, Arial, Helvetica, sans-serif;
• font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
• font-family: Courier New, Courier, monospace;
• font-family: Comic Sans MS, cursive;

- Color del texto en CSS

color : #008000;
Nota: Es la forma clásica de indicar colores en CSS, y aquí tienes para consultar colores CSS o HTML (lo que se cambia es el número) Generador colores CSS / HTML

- La letra en negrita con CSS

font-weight: bold;

- Resaltar algo por atrás en CSS

background-color: yellow;
Ejemplo: Hace este efecto en CSS
Nota: se admiten al especificar colores no sólo con los números, también algunas palabras: black, blue, gray, green, lime, fuchsia, maroon, navy, olive, orange, purple, red, silver, teal, white, aqua, yellow