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

  1. 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.
  2. 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.

Próxima lectura

Lectura anterior

Newsletter

* Campo requerido

Powered by Mailchimp

Sintaxis básica de una regla CSS