CSS

CSS (Cascading Style Sheets ou Folhas de Estilo em Cascata) é uma

linguagem de estilo (en-US) usada para descrever a apresentação de um
documento escrito em HTML ou em XML (incluindo várias linguagens em XML
como SVG, MathML ou XHTML). O CSS descreve como elementos são
mostrados na tela, no papel, na fala ou em outras mídias.

CSS é uma das principais linguagens da open web e é padronizada em

navegadores web de acordo com as especificação da W3C. Desenvolvido em
níveis, o CSS1 está atualmente obsoleto, o CSS2.1 é uma recomendação e
o CSS3, agora dividido em pequenos módulos, está progredindo para a sua
padronização.

 Introdução CSS Se você é novo no desenvolvimento web, certifique-se de

ler nosso artigo CSS básico para aprender o que é CSS e como usá-lo.
 Tutoriais CSS Nossa área de aprendizado CSS contém diversos tutoriais
para levá-lo do nível iniciante ao avançado, cobrindo todos os
fundamentos.
 Referências CSS Nossa extensa referência CSS para desenvolvedores web
experientes descreve todas as propriedades e conceitos do CSS.

Tutoriais
Nossa área de aprendizado CSS contempla múltiplos módulos que ensinam CSS desde
o início — não é necessário conhecimento prévio.

Introdução ao CSS

Esse módulo inicia com o funcionamento básico do CSS, incluindo seletores e

propriedades, escrever regras CSS, aplicar CSS ao HTML, como especificar
comprimento, cor, e outras unidades em CSS, cascata e herança, o básico do modelo de
caixas, e depuração de CSS.

Estilização do texto

Esse módulo discute os fundamentos da estilização de textos, incluindo a definição de

fontes, negritos, itálicos, linhas e espaçamentos de letras, sombras e outras propriedades
de textos.

Estilização de caixas

Esse módulo foca na estilização de caixas, um dos passos fundamentais para o layout de
uma página web. Nesse módulo nós recapitulamos o modelo de caixas, então
abordamos o controle do layout das caixas definindo margens, bordas e preenchimento,
cores de fundo customizadas, imagens e outras características extravagantes como
sombras e filtros em caixas.

Layout CSS

Neste ponto nós já vimos os fundamentos do CSS, como estilizar texto e estilizar e
manipular caixas que contém seu conteúdo. Agora veremos como posicionar suas caixas
no lugar certo em relação à janela de exibição e um ao outro. Nós cobrimos os pré-
requisitos necessários e agora você pode se aprofundar no layout do CSS com diferentes
configurações de exibição, métodos tradicionais de layout envolvendo float e
posicionamento, e modernas ferramentas para layout como flexbox.

Referências
 Referências CSS: Essa extensa referência para desenvolvedores web experientes
descreve todas as propriedades e conceitos do CSS.
 Conceitos chave do CSS:
o A sintaxe e formas da linguagem
o Especificidade, herança e cascata (en-US)
o Box model e colapso de margem
o O containing block (en-US)
o Empilhamento e block-formatting context (en-US)
o Valores iniciais, computados, usados e reais
o Propriedades abreviadas do CSS
o CSS Flexible Box Layout
o CSS Grid Layout
o Media queries

Livro de receitas
O livro de receitas de layout CSS tem como objetivo juntar receitas para padrões
comuns de layout, coisas que você pode precisar para implementar em seus sites. Além
de prover código você pode usá-lo como ponto de partida em seus projetos, essas
receitas destacam as diferentes formas de utilização das especificações de layout e as
escolhas que você pode fazer como desenvolvedor.

Ferramentas para desenvolvimento de CSS

 Você pode usar o W3C CSS Validation Service para verificar se o seu CSS é
válido. Essa é uma ferramenta indispensável de depuração.
 As Ferramentas do Firefox para desenvolvedores permitem ver e editar o CSS
de uma página ao vivo usando as ferramentas de Inspeção e Editor de Estilo.
 O complemento Web Developer para Firefox também permite a observação e
edição de CSS ao vivo dos sites visualizados.
 A comunidade web criou várias outras pequenas ferramentas CSS para você
usar.

Veja também
  CSS demos: Inspire-se explorando criativos exemplos das mais recentes
tecnologias CSS em ação.
 Linguagens web nas quais o CSS é frequentemente
aplicado: HTML, SVG, MathML, XHTML e XML.
 Tecnologias Mozilla que usam extensivamente o
CSS: XUL, complementos e temas do Firefox e Thunderbird.

Found a content problem with this page?

 Edit the page on GitHub.

 Report the content issue.
 View the source on GitHub.

Want to get more involved? Learn how to contribute.

This page was last modified on 6 de nov. de 2022 by MDN contributors.