U2 · CSS: el aspecto de la web

Leer el resumen

CSS describe cómo se ve el HTML: colores, letras, espacios y tamaños. Empiezas con los selectores, que dicen a qué elementos se aplica cada regla. Después ves el color y el texto, y el modelo de caja, que explica que cada elemento es una caja con contenido, relleno, borde y margen. Con Flexbox y Grid colocas los elementos en la pantalla. Y con el diseño responsive, la página se adapta al móvil y al ordenador.

CSS (Cascading Style Sheets) describe cómo se ve el HTML: colores, tipografías, espacios, tamaños y la disposición de los elementos en pantalla, incluso según el dispositivo.

Teoría

1. Cómo añadir CSS y selectores
2. Color y texto
3. El modelo de caja
4. Flexbox
5. Grid
6. Responsive, hover y transiciones

Antes de empezar: qué debes dominar

• Escribir una página HTML con títulos, párrafos, listas e imágenes (unidad 1).
• Saber qué son un id y una class.
• Enlazar un archivo .css desde el <head>.

Ejercicios de la unidad

Hay 14 ejercicios de esta unidad.

Antes de pasar a los ejercicios

Cuando hayas leído y practicado la teoría, marca la casilla para desbloquear los ejercicios: