CSS

Definição

CSS é a sigla de Cascading Style Sheets. É a linguagem que descreve a apresentação de documentos estruturados. Enquanto o HTML define o que existe, o CSS define como esse conteúdo aparece, com tipografia, espaçamento, cores e organização visual.

Seletores, propriedades e valores

Uma regra de estilo combina um seletor com declarações. O seletor indica quais elementos recebem a regra, e cada declaração junta uma propriedade a um valor.

.card {
background-color: #f4f4f4;
padding: 16px;
border-radius: 8px;
}

.card__titulo {
color: #1a1a1a;
font-size: 1.25rem;
}

A apresentação não muda o conteúdo

CSS reorganiza o visual, mas não altera os valores de negócio nem substitui a estrutura do documento. Um formulário continua com os mesmos campos, e o que muda é o modo como eles aparecem e se comportam visualmente.

Como conferir uma regra aplicada

A falha mais comum é o estilo simplesmente não aparecer porque o seletor não encontrou o elemento ou outra regra ganhou a disputa de especificidade. Para conferir, abra a aba Elements das ferramentas do navegador, selecione o elemento e veja a lista de regras aplicadas ao lado. Cada regra mostra se ela foi usada ou sobrescrita, e a origem do estilo, como a folha do projeto ou um estilo de componente. Quando a regra esperada não aparece, confira o nome do seletor no HTML e a ordem das declarações.

Aplicação na formação

Vibe Coding: Do Zero ao MVP

Na Formação Vibe Coding, o CSS define a apresentação visual que a interface entrega ao usuário.

Conhecer a formação →