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

Fecha de creación: 6/12/2010 5:51:00 | Última modificación: 4/2/2015 23:22:07 | Hora del servidor: 24/11/2017 13:52:34