.es/labs/

Manual de CSS

Este es un manual básico de CSS

Selectores

selector { propiedad : valor ; }

Un selector es en donde se define algún estilo. Es conveniente poner siempre el punto y coma ";" al final.

Identificadores

#cosa { propiedad : valor ; }

Sólo sirve para un elemento.

El elemento tiene que tener id="cosa".

Clases

.cosa { propiedad : valor ; }

Pueden haber varios elementos de la misma clase.

El elemento tiene que tener class="cosa".

Pseudo-clases

selector:pseudo-clase { propiedad : valor ; }

Una pseudo-clase funciona según el estado de un elemento.

• link los enlaces
• visited los enlaces visitados
• hover cuando el ratón está encima
• active los enlaces en los que se está haciendo click
• focus cuando se está usando ese elemento
• first-child el primer elemento dentro de ese elemento (yo no estoy muy de acuerdo en que esto sea una pseudo-clase)

Pseudo-elementos

selector:pseudo-elemento { propiedad : valor ; }

Un pseudo-elemento funciona en una parte de un elemento.

• first-leter la primera letra
• first-line el primer elemento
• before el elemento anterior
• after el elemento posterior