CSS nivel 1

Son propiedades que afectan a la presentaci�n visual de caracteres, espacios, palabras y parrafos.

Las propiedades que podemos utilizar son las siguientes:

text-transform

Especifica, por medio de palabras reservadas, si las letras del texto deben transformarse en may�sculas, min�suculas, s�lo la primera letra de cada palabra en may�sculas, o si ha de dejarse como est�. Se hereda.

uppercase | lowercase | capitalize | none

H1 {text-transform : uppercase}

En el ejemplo anterior todas las cabeceras de nivel 1 apareceran en may�sculas.

vertical-align

Alineaci�n vertical del texto en relaci�n con la l�nea base del texto. No se hereda.

baseline | sub | super | top | text-top | middle | mottom | text-bottom | %

STRONG {vertical-align: sub}

text-align

Fija la alineaci�n del bloque, al margen izquierdo, al derecho, centrado o a ambos. Se hereda.

left | right | center | justify

H1 {text-align: center}

En este caso todas las cabeceras de nivel 1 apareceran centradas.

text-indent

Fija la sangr�a o indentaci�n de la primera l�nea del texto. Se hereda.

XX unidad | %, (Por defecto su valor es 0)

P {text-indent: 2em}

line-height

Indica la distancia entre dos lineas adyacentes. Se hereda.

normal | XX unidad | %

text-decoration

Fija una o m�s caracter�sticas "decorativas" del texto, como subrayado, lineas superiores, caracteres tachados o parpadeantes.

Si se aplica a un elemento de bloque la heredan s�lo los descendientes que sean de texto (o en-linea). Si se aplica a uno de �stos la heredan todos los descendientes.

underline | overline | line-trough | blink | none

H1 {text-decoration: underline}

En el ejemplo anterior todas las cabeceras de nivel 1 apareceran subrayadas.

letter-spacing

Especifica el espaciado entre letras. En el caso de especificar una longitud esta se sumara a la normal. Se hereda.

normal | XX unidad

H1 { letter-spacing: 0.5pc}

word-spacing

Especifican el espaciado entre palabras. En el caso de especificar una longitud esta se sumara a la normal. Se hereda.

normal | XX unidad

H1 { word-spacing: 0.5pc}

�Declarando longitudes

En algunas de las propiedades tenemos que definir una longitud. En la sintaxis CSS esta se define con un signo opcional, un n�mero y un identificador de unidad. Estos tres elementos van juntos y sin espacios entre ellos.

En la siguiente tabla se muestran los diferentes tipos de medidas que admiten las CSS:

Ademas al poner una longitud se puede especificar de forma absoluta o de forma relativa mediante la unidad em o utilizando porcentajes.

�Ejemplos

He creado una p�gina con citas machistas y feministas para que sirva de ejemplo de como se pueden utilizar estas propiedades.