Instrucciones (CSS)

selector {
declaración1
declaración2
... }

1. selector

   El selector pueden generar selector de cualquier caja que tiene un HTML , este selector:

   • Se puede hacer referencia a cualquier tipo de cajón de forma general , p , li , div , seleccionando esto afectará a todos los cajones con estos tipos.
   • # Se puede hacer referencia con un identificador (id) , en este caso tendremos que decir al CSS que es un id, esto lo haremos con un # de prefijo .
   • . Se puede hacer referencia a todos los elementos pertenecientes a una clase (class) utilizando el . para referirnos a ella.
   • : para pseudoclases
   • :: para pseudoelementos

2. declaraciones

   Las declaraciones pueden ser varias y se separan por ";" estas están formadas a su vez por:

   • Propiedad
   • Valor

   Las propiedades son una lista de características que puede tener cada caja y los valores son los distintos valores que puede llegar a tener cada propiedad , una propiedad puede ser el tamaño y evidentemente no le vamos a asignar un color tendrá un tamaño de pixeles (px) o un porcentaje sobre el tamaño general por ejemplo.

Las clases pueden hacer referencia a un único tipo de elemento y se pueden anidar.
ej: div.brillante {propiedad:brillar;} hace que todos div pertenecientes a la clase brillante tengan la declaración puesta.

También se puede hacer referencia a un elemento que contenga una característica introduciendo esta entre corchetes.
ej: p[name] {declaraciones}

O que la propiedad sea una concreta.
ej: p[name="este_nombre"] {declaraciones}

La cadena de caracteres admiten autocompletados, para ello se utilizan los comodines:

• ^ : que contenga la cadena
• * : que comience con la cadena
• $ : que finalice con la cadena

el * hace referencia a todos los elementos .
*{declaracion;} hace que la declaración se aplique a todos los elementos.