Hasta ahora hemos visto que hay tres capas bien definidas en las páginas web: contenido, apariencia y comportamiento.
La estructura y el contenido de definen mediante HTML, cuya sintaxis y principales etiquetas hemos estudiado en la sesión anterior, en la cual vimos también que podemos “dar nombre” a los elementos utilizando identificadores y clases.
La apariencia (el diseño) final se definirá mediante CSS. Con CSS podemos decir: “que los párrafos sean de color gris oscuro”, “que los enlaces sean de color verde, excepto el enlace con el identificador help, que será rojo” o “que todas las imágenes tengan un borde de un píxel de color negro”.
En realidad, toda la apariencia y el posicionamiento de nuestra página se definen mediante CSS. Una determinada capa aparecerá a la derecha o a la izquierda de nuestro documento porque así lo hemos especificado mediante CSS.
En este apartado, vamos a aprender cómo incluir definiciones CSS en nuestras páginas, cuál es la sintaxis de CSS y cuáles son algunas de las definiciones que podemos utilizar para definir la apariencia de nuestras páginas.