CSS - AULA 01

Estudo sobre CSS - Cascading Style Sheets

O CSS desempenha um papel crucial na estruturação visual de uma página web, sendo responsável pelo posicionamento dos elementos, definição de cores, tamanhos de fonte e outras formatações visuais.

Sua sintaxe segue um padrão claro:

```
seletor {
    propriedade: valor;
}
```

Nessa estrutura, o seletor indica o elemento HTML a ser estilizado, enquanto as propriedades e valores definem as características visuais desejadas. Por exemplo:

```
h1 {
    color: red;
}
```

Neste caso, a cor do título h1 é alterada para vermelho.

Uma regra CSS pode conter múltiplas declarações, como mostrado abaixo:

```
h1 {
    color: red;
    font-size: 16px;
}
```

Aqui, além da cor, o tamanho da fonte do h1 é definido como 16 pixels (px).

Existem três métodos principais para aplicar estilos aos elementos HTML:

1. Inline:
   - Utiliza o atributo `style` diretamente no elemento HTML.
   - Por exemplo:
     `<p style="color: red;">Texto</p>`
   - Embora seja uma opção rápida, seu uso é desencorajado, pois pode dificultar a manutenção do site. Alterações posteriores exigiriam modificações em cada elemento individualmente.

2. Interno:
   - Define o estilo dentro do próprio documento HTML, entre as tags `<style>` e `</style>`.
   - É aplicado a um documento HTML específico.
   - Útil para estilos específicos da página.

3. Externo:
   - Separa o código CSS em um arquivo externo, geralmente com extensão .css.
   - Pode ser vinculado a múltiplas páginas HTML.
   - Promove uma organização mais eficiente e facilita a manutenção, já que as alterações podem ser feitas centralmente no arquivo CSS.

A adoção adequada desses métodos é crucial para garantir uma estrutura CSS gerenciável e sustentável, especialmente em projetos complexos com múltiplas páginas e elementos a serem estilizados.