Antes de empezar con este curso deberíamos saber qué es exactamente eso de CSS. Y qué mejor que la definición de la Wikipedia:
Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje formal usado para definir la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML).
La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación.
Por ejemplo, el elemento de HTML
<h1>indica que un bloque de texto es un encabezamiento y que es más importante que un bloque etiquetado como<h2>. Versiones más antiguas de HTML permitían atributos extra dentro de la etiqueta abierta para darle formato (como el color o el tamaño de fuente). No obstante, cada etiqueta<h1>debía disponer de la información si se deseaba un diseño consistente para una página.Cuando se utiliza CSS, la etiqueta
<h1>no debería proporcionar información sobre como va a ser visualizado, solamente marca la estructura del documento. La información de estilo separada en una hoja de estilo, especifica cómo se ha de mostrar<h1>: color, fuente, alineación del texto, tamaño, …
Dicho de otra forma, en una página web tenemos dos cosas: el contenido y la presentación.
- El contenido sería la información que mostramos en la página web y estaría representado por el código HTML
- La presentación sería la forma en que visualizamos esa información y de esto se encarga el CSS (si queremos que los títulos sean de color rojo y estén en negrita, que las imágenes lleven un borde blanco, etc.)
Esto es como en el mundo del fútbol. Hoy en día los jugadores no empiezan y acaban su carrera en un mismo equipo (a no ser que seas un Julen Guerrero). ¿Y cuál es la diferencia entre una etapa y otra? La camiseta. El jugador no cambia (HTML) pero sí su indumentaria (CSS).
