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:
    + A sintaxe e formas da linguagem
    + Especificidade, herança e cascata (en-US)
    + Box model e colapso de margem
    + O containing block (en-US)
    + Empilhamento e block-formatting context (en-US)
    + Valores iniciais, computados, usados e reais
    + Propriedades abreviadas do CSS
    + CSS Flexible Box Layout
    + CSS Grid Layout
    + 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.