«Diseño web con CSS»

1. Introducción
En esta lección, exploraremos la importancia del contenido en la creación de proyectos web, y daremos una visión general de los temas que cubriremos a lo largo del curso.

2. Modelo de caja y CSS 📦
En esta lección, veremos cómo margin, padding y border afectan el tamaño de los elementos, y estudiaremos box-sizing para ajustar cómo se calcula el tamaño en el modelo de caja.

3. Estilos de texto
En esta lección, aprenderemos a estilizar texto, cubriendo propiedades básicas para asegurar que la información sea clara y legible.

4. Fuentes y cómo trabajar con ellas
En esta lección, aprenderemos a conectar fuentes con CSS, ajustar el tamaño, formato y espaciado del texto, y exploraremos la propiedad font para aplicar seis estilos diferentes.

5. Listas 📋
En esta lección, aprenderemos sobre los tipos de listas en HTML, cómo anidarlas y estilizar sus marcadores.

6. Columnas
En esta lección, exploraremos el módulo CSS Multi-column Layout de CSS3, que facilita la creación de diseños en varias columnas con ajuste automático del contenido. Veremos cómo usar CSS Columns y discutiremos sus capacidades y limitaciones..

7. Unidades de medida 📏
En esta lección, exploraremos las unidades de medida en diseño web, incluyendo unidades básicas, relativas y absolutas, y la diferencia entre em y rem para ajustar el tamaño de elementos y texto.

8. Elementos multimedia 🎵
En esta lección, descubrirás cómo incorporar imágenes, videos y audios en tu sitio web, manejar las variaciones entre navegadores y entender por qué las imágenes tienen un pequeño margen inferior.

9. Tablas
En esta lección, aprenderemos a crear tablas en HTML, desde las más simples hasta las más complejas, y cómo evitar errores comunes para manejarlas con confianza.

10. Formularios 📝
En esta lección, aprenderemos a crear formularios interactivos en una página web, incluyendo campos de texto, selección, listas y botones, y abordaremos cómo hacerlos accesibles para personas con discapacidades.

11. Selectores 🔍
En esta lección, además de los selectores simples por clase, identificador o etiqueta, exploraremos cómo seleccionar elementos usando selectores relacionados y de atributos.

12. Pseudoclases
En esta lección, exploraremos las pseudoclases en CSS, aprendiendo a seleccionar elementos pares e impares, aplicar estilos al pasar el mouse, y entender los estados de los elementos y las pseudoclases estructurales.

13. Pseudo-elementos
¿Faltan elementos en la página? En esta lección, descubriremos los pseudo-elementos en CSS, cómo se crean y utilizan para agregar contenido adicional, y aprenderemos a estilizar los marcadores de lista.

14. Desbordamiento
En esta lección, aprenderemos a manejar el desbordamiento de contenido usando la propiedad overflow para ocultar contenido, y a utilizar text-overflow para mostrar puntos suspensivos cuando el texto no cabe en su contenedor.

15. Variables CSS
En esta lección, descubrirás cómo simplificar el cambio de colores en tu sitio web utilizando variables en CSS. Aprenderás a crear y aplicar variables, explorarás su alcance y entenderás por qué las variables globales son clave para una gestión más eficiente del diseño.


16. Fondo 🖼️
En esta lección, aprenderemos a estilizar bloques de contenido usando la propiedad background, que permite establecer color, imagen, posición y dimensiones del fondo.

17. Gradientes 🌈
En esta lección, aprenderemos a crear gradientes lineales y radiales para fondos, explorando cómo hacer transiciones suaves entre colores y usando la rueda de colores para encontrar combinaciones adecuadas.