O que é CSS?

As folhas de estilo em cascata (CSS) são uma linguagem de estilos usada para descrever a apresentação de um documento escrito numa linguagem de marcação (HTML, XHTML, SVG, XML).

Principais funções do CSS:

Separar apresentação de conteúdo: Permite alterar a aparência de uma página web sem modificar a sua estrutura.
Estilizar elementos: Controlar cores, fontes, tamanhos, margens, bordas e outras propriedades visuais dos elementos.
Criar design responsivo: Com media queries, aplicar estilos diferentes dependendo das características do dispositivo do utilizador (resolução de ecrã, orientação, etc.).
Animações e transições: Criar efeitos visuais para interatividade e melhorar a experiência do utilizador.
Gerir o layout: Posicionar elementos na página usando várias técnicas (Flexbox, Grid, floats, etc.).

Estrutura de uma regra CSS:

/* Seletor */
h1 {
  /* Declarações */
  color: blue; /* Propriedade: valor; */
  font-size: 24px;
}

Principais formas de ligar CSS ao documento HTML:

Ficheiro externo (<link>): A forma mais comum e recomendada. Os estilos são armazenados num ficheiro .css separado.
```
<link rel="stylesheet" href="styles.css">
```
Dentro da tag <style>: Os estilos são definidos diretamente no documento HTML, geralmente na secção <head>. Adequado para estilos pequenos ou testes rápidos.
```
<style>
  p {
    line-height: 1.5;
  }
</style>
```
Estilos inline (style atributo): Os estilos aplicam-se a um elemento HTML específico através do atributo style. Tem prioridade elevada, mas dificulta a manutenção e escalabilidade.
```
<div style="border: 1px solid black;">
  Este div tem um estilo inline.
</div>
```

A cascata determina como o navegador aplica os estilos quando há várias regras em conflito para um mesmo elemento. Considera:

Prioridade dos seletores: Seletores mais específicos têm prioridade mais elevada.
Ordem de declaração: Regras declaradas mais tarde sobrescrevem as anteriores com a mesma prioridade.
Importância (!important): Declarações com !important têm prioridade máxima (usar com cautela).
Fonte dos estilos: Os estilos do autor têm prioridade maior do que os estilos do utilizador ou os estilos padrão do navegador.