Profe Johnny
Manual · Tema 1 de 12

Introducción a CSS

Qué es CSS y las tres formas de vincularlo a HTML.

CSS (Cascading Style Sheets) es el lenguaje que define la presentación visual de una página: colores, tipografías, espaciados y disposición. Mientras HTML aporta la estructura, CSS aporta el diseño, separando contenido de estilo.

Existen tres formas de aplicar CSS: en línea con el atributo style (poco recomendable, mezcla contenido y estilo); interno dentro de una etiqueta <style> en el <head>; y externo, vinculando un archivo .css con <link rel="stylesheet" href="estilos.css">, la forma recomendada en proyectos reales.

La palabra 'cascada' del nombre viene de que las reglas se aplican en orden y con prioridades: si dos reglas afectan al mismo elemento, gana la más específica o la que aparece después.

Ejemplo — pruébalo tú mismo

introduccion.html
Ponlo a prueba: Cambia el color del <h1> y el fondo del body por dos colores de tu elección.