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 a estrutura e o conteúdo de uma página web.
CSS define como esse conteúdo é apresentado.

Enquanto o HTML organiza elementos como títulos, parágrafos e imagens, **o CSS controla** sua **aparência**, incluindo cores, espaçamento, fontes, alinhamento e layout.

Juntos, HTML e CSS formam a base do desenvolvimento web moderno.

CSS significa Cascading Style Sheets.
É uma linguagem de folhas de estilo utilizada para descrever como os elementos HTML devem ser exibidos em um navegador.

Definição

Com CSS, é possível:
- Alterar as cores do texto e do fundo;
- Ajustar o espaçamento entre elementos;
- Controlar fontes e tipografia;
- Criar layouts;
- Adicionar efeitos visuais.

CSS não altera a estrutura de um documento.
Controla apenas a aparência dessa estrutura.

## Sintaxe Básica de CSS
Uma regra CSS consiste em um seletor e um bloco de declarações.<br>
Exemplo:
```css
p {
  color: purple;
  background-color: green;
}
```
Explicação:
- `p` é o seletor. Ele seleciona todos os elementos `<p>`;
- `color: purple;` define a cor do texto;
- `background-color: green;` define a cor de fundo.

Cada declaração segue este formato: `property: value;`

Seletores, propriedades e valores serão explorados em detalhes nos próximos capítulos.

Domine os fundamentos do CSS, a linguagem de estilização que transforma a aparência e a experiência visual das páginas web. Explore conceitos essenciais como estilos de texto, cores, espaçamento, modelo de caixa, Flexbox e efeitos decorativos. Desenvolva habilidades para criar páginas web visualmente atraentes e bem estruturadas.

Compreenda como o CSS se conecta ao HTML e como os estilos são aplicados por meio de seletores. Aplicação de cores, estilização de texto e efeitos de hover para controlar a apresentação visual.

Aprimoramento da tipografia utilizando altura de linha, espaçamento, propriedades de fonte e fontes personalizadas. Controle de famílias tipográficas, peso, estilo e tamanho da fonte para melhor legibilidade.

Controle da estrutura do layout utilizando propriedades de margem, preenchimento, bordas e largura. Compreensão do comportamento do dimensionamento da caixa e dos tipos de exibição de elementos, como block, inline e inline-block.

Controle layouts horizontais e verticais utilizando propriedades do Flexbox. Ajuste direção, alinhamento e espaçamento para estruturar componentes de interface de usuário.

Aprimoramento de layouts utilizando cores de fundo, imagens, pseudo-elementos e sombras. Estilização de componentes visuais para profundidade e contraste.

O Que É CSS e Por Que É Importante

O que é CSS?

Sintaxe Básica de CSS