Como todo lenguaje, CSS tiene una sintaxis estricta para poder aplicar estilos en nuestras páginas web o aplicaciones.
A cada estilo se le define como regla CSS y todo el archivo .css simplemente son un conjunto de reglas de estilos.
Anatomía de una regla CSS
- El primer elemento de la regla es el selector, pseudo selector, clases o pseudo elementos. El selector le indica al navegador a qué elemento se le va a agregar el estilo.
- Las llaves de declaración { … }. Dentro, se ubica la declaración del estilo que está compuesta por una propiedad (estilo a aplicar) y el valor que va a tener esa propiedad. Cada declaración debe ser finalizada con un “;”.
Consideraciones importantes para definir las reglas CSS
- El selector debe estar escrito de forma correcta, es decir, debe estar escrito exactamente igual al elemento que se está referenciando desde el documento .html.
- Las declaraciones CSS con errores de sintaxis no se aplican, así que no olvides: “:” después de cada propiedad, la “;” para finalizar cada modificación de una propiedad y no olvides las “{}” para encerrar la regla completa.