Programação

CSS

CSS é a linguagem que descreve a apresentação de documentos estruturados, como páginas HTML. Regras relacionam seletores a propriedades de estilo. A cascata e a herança participam da decisão sobre quais valores se aplicam a cada elemento.

Siglas: CSS

Também chamado de: Cascading Style Sheets, folha de estilos

CSS

1. Seletor e declarações
2. Cascata e herança
3. Apresentação

Regras para elementos

Uma regra pode selecionar parágrafos e definir uma cor. Outras descrevem espaçamento, tamanho ou disposição. O navegador combina o documento e as regras para calcular a apresentação.

A mesma estrutura HTML pode receber estilos diferentes. Isso permite adaptar a experiência a larguras de tela e preferências sem necessariamente reescrever o conteúdo.

A cascata resolve conflitos

Várias declarações podem disputar a mesma propriedade. A origem das regras, importância, camadas, especificidade e ordem participam da cascata. Não é correto resumir toda decisão a ganhar a última linha do arquivo.

Alguns valores também são herdados de elementos ancestrais, conforme as regras de cada propriedade. CSS não substitui o significado de uma estrutura HTML nem transforma uma ação visual em operação de servidor. Um botão bonito ainda precisa de semântica e comportamento adequados para cumprir sua função.

Próxima leitura

Conheça HTML para entender a estrutura sobre a qual os estilos atuam.

Na prática

• Uma regra CSS pode mudar a cor dos parágrafos sem alterar o texto de cada parágrafo.