TEXTO

Este apartado es fundamental ya que con el podremos dar un mejor aspecto a nuestra web ya que pocos creareis una web sin texto xD.

- text-ident
- text-align
- text-decoration
- letter-spacing
- text-transform


text-ident
Sangria del texto

Nos permite hacer una sangria a la primera linea. En el ejemplo vemos como aplicamos una sangria de 25px a todo los parrafos

p {text-ident: 25px;}
Text-align
Alineación del texto

Esta propiedad nos permite alinear el texto como queramos y sus valores son: left (alineación a la izquierda), right (alineación a la derecha), center (texto con alineación centrada) y justify (alineación justificada)

Ejemplo:

h1 {text-align: center;} td {text-align: right;} p {text-align: jusify;}
Vemos como el titulo aparece centrado, lo que hay en las celdas de la tabla esta alineado a la derecha y todos los párrafos están justificados.


Text-decoration
Decoración del texto

Con esto podremos añadir diferentes decoraciones o efectos al texto:

- underline: proporciona un subrayado
- overline: sobrerrayado (una linea encima del texto)
- line-through: tachado (linea sobre el texto)
- blink: parapdeo
- none: ningún efecto

h1 {text-decoration: underline;} h2 {text-decoration: blink;} h3 {text-decoration: overline;}
letter-spacing
espacio entre carateres

El espaciado entre los caracteres de texto se puede especificar usando la propiedad letter-spacing. El valor de esta propiedad corresponde, sencillamente, al ancho deseado.

Por ejemplo, si queremos un espaciado de 3px entre los caracteres de un párrafo de texto

y 6px entre los caracteres de los encabezados

, usariamos el siguiente código

Código:

h1 {letter-spacing: 6px;} p {letter-spacing: 3px;}

Text-transform
Transformación del texto

Esta propiedad controla la escritura de mayúsculas de un texto sin importar como se haya escrito inicialmente y los valores que puede tomar son los siguientes:

- capitalize: Pone en mayúscula la primera letra de cada palabra. Por ejemplo paco rodriguez aparecerá como Paco Rodríguez
- uppercase: Pone todas las letras en mayúsculas. Por ejemplo paco Rodriguez aparecerá como PACO RODRIGUEZ
- lowercase: pone todas las letras en minúsculas. Por ejemplo PACO Rodriguez aparecerá como paco rodriguez.
- none: deja el texto tal como está.

Código:

h1 {text-transform: uppercase;} li {text-transform: capitalize;}
Los titulos aparecerán en mayúsculas y en cada elemento de la lista aparecerá con la primera letra en mayúscula.