Curso de CSS
Dale estilo y vida a la web.
Aprende CSS con ejemplos interactivos y crea proyectos reales.
¿Qué es CSS?
Antes de darle estilo a nada, entendamos qué es CSS y por qué existe. Es la pieza que separa el contenido (HTML) de su apariencia.
Explicación
CSS (Cascading Style Sheets, u "hojas de estilo en cascada") es el lenguaje que describe cómo se ve el HTML: colores, tamaños, espaciados, posiciones. Si HTML es el esqueleto de la página, CSS es la piel y la ropa.
CSSLenguaje de estilos: no describe estructura, describe apariencia.
selectorLa parte de una regla CSS que dice a qué elemento se aplica el estilo (por ejemplo h1).
propiedad: valor;Cada instrucción de estilo dentro de una regla, como color: blue;
Reto rápido
Cambia el color del <h1> a tu color favorito usando un código hexadecimal. No te preocupes por memorizarlos: existen muchas herramientas gratuitas para elegir uno, como htmlcolorcodes.com/es
En esta lección
- Ejemplo interactivo
- Explicación de cada etiqueta
- Cuándo usarlo
- Errores comunes
Consejo
CSS nunca cambia el contenido de tu página, solo cómo se ve. Si necesitas cambiar el texto, edita el HTML.
Dato extra
El nombre "cascada" viene de que los estilos se aplican en orden y pueden sobrescribirse unos a otros según reglas de prioridad, algo que verás más adelante.
Error común
Confundir HTML y CSS: intentar poner colores o tamaños directamente en las etiquetas HTML en vez de usar reglas CSS.
Siguiente paso
Ya sabes qué es CSS. Ahora vamos a escribir tu primer estilo real.
Ir a la siguiente lección