Sintaxis CSS

CSS afecta la apariencia del contenido HTML siguiendo una sintaxis que consiste de dos partes generales: un selector y una declaración.

1. Selector CSS. El selector es el que especifica la sección del HTML que se desee afectar.
2. Declación CSS. En la declaración se define de qué manera queremos afectar la apariencia del contenido al que estemos haciendo referencia.

Una declaración CSS a su vez se divide en dos secciones: Las propiedades y los valores.

1.  Las propiedades. En las propiedades se establece el parámetro que deseamos que los navegadores efectúen sobre el contenido HTML.
2. Los valores. Son las distintas variantes que pueden haber en una propiedad CSS.

Un ejemplo nos mostrara mejor lo que hasta aquí hemos expuesto. En este estableceremos en el cuerpo de la web (body) un color de tono gris y el color negro para el texto.

Para terminar con la sintaxis general notaremos que las propiedades y valores CSS se encierran dentro de llaves ({ contenido CSS }). Por otro lado los valores de las propiedades se separan con dos puntos (:) y para separar un valor de otro se utiliza punto y coma (;).

Estas son las partes basicas que componen las sintaxis con que se programa el CSS. Sin embargo aun necesitamos aprender cómo el lenguaje CSS se incluye dentro de HTML, cuantos selectores podemos usar en CSS y cuáles son sus respectivas propiedades y valores.