Summary  
This chapter introduces Cascading Style Sheets (CSS) as a language for separating content structure from visual presentation by using selectors and declaration blocks to define properties like colors, spacing, and fonts.  

General domain of usage  
Web development

HTML define la estructura y el contenido de una página web.
CSS define cómo se presenta ese contenido.

Mientras que HTML organiza elementos como encabezados, párrafos e imágenes, **CSS controla** su **apariencia**, incluyendo colores, espaciado, tipografías, alineación y disposición.

Juntos, HTML y CSS forman la base del desarrollo web moderno.

CSS significa Hojas de Estilo en Cascada.
Es un lenguaje de hojas de estilo utilizado para describir cómo deben mostrarse los elementos HTML en un navegador.

Definición

Con CSS, es posible:
- Cambiar los colores del texto y del fondo;
- Ajustar el espaciado entre elementos;
- Controlar fuentes y tipografía;
- Crear diseños de página;
- Añadir efectos visuales.

CSS no modifica la estructura de un documento.
Controla únicamente la apariencia de dicha estructura.

## Sintaxis básica de CSS
Una regla CSS consta de un selector y un bloque de declaraciones.<br>
Ejemplo:
```css
p {
  color: purple;
  background-color: green;
}
```
Explicación:
- `p` es el selector. Apunta a todos los elementos `<p>`;
- `color: purple;` define el color del texto;
- `background-color: green;` define el color de fondo.

Cada declaración sigue este formato: `property: value;`

En los próximos capítulos se explorarán en detalle los selectores, propiedades y valores.

Domina los conceptos esenciales de CSS, el lenguaje de estilos que transforma la apariencia y sensación de las páginas web. Explora conceptos clave como estilos de texto, colores, espaciado, el modelo de caja, Flexbox y efectos decorativos. Desarrolla las habilidades necesarias para crear páginas web visualmente atractivas y bien estructuradas.

Comprender cómo CSS se conecta con HTML y cómo se aplican los estilos mediante selectores.
Aplicación de colores, estilos de texto y efectos hover para controlar la presentación visual.

Mejora de la tipografía utilizando altura de línea, espaciado, propiedades de fuente y fuentes personalizadas. Control de familias tipográficas, grosor, estilo y tamaño de fuente para una mejor legibilidad.

Control de la estructura del diseño utilizando las propiedades de margen, relleno, bordes y ancho. Comprensión del comportamiento de dimensionamiento de cajas y de los tipos de visualización de elementos como block, inline e inline-block.

Control de diseños horizontales y verticales utilizando propiedades de Flexbox. Ajuste de dirección, alineación y espaciado para estructurar componentes de la interfaz de usuario.

Mejora de diseños utilizando colores de fondo, imágenes, pseudoelementos y sombras. Estilización de componentes visuales para profundidad y contraste.

Qué Es CSS y Por Qué Es Importante

¿Qué es CSS?

Sintaxis básica de CSS