Cascading Style Sheets
Origem: Wikipédia, a enciclopédia livre.
![]() |
|
extensão: | .css |
---|---|
MIME: | texto/css |
Desenvolvedor: | W3C |
Tipo de formato: | Folha de estilo |
Variante de: | XML |
Cascading Style Sheets, ou simplesmente CSS, é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento.
Ao invés de colocar a formatação dentro do documento, o programador cria um link (ligação) para uma página que contém os estilos, procedendo de forma idêntica para todas as páginas de um portal. Quando quiser alterar a aparência do portal basta portanto modificar apenas um arquivo.
Com a variação de atualizações dos navegadores (browsers) como Internet Explorer que ficou sem nova versão de 2001 a 2006, o suporte ao CSS pode variar. O Internet Explorer 6, por exemplo, tem suporte total a CSS1 e praticamente nulo a CSS2. Navegadores mais modernos como Opera, Internet Explorer 7 e Mozilla Firefox tem suporte maior. A interpretação dos browsers pode ser avaliada com o teste Acid2, que se tornou uma forma base de revelar quão eficiente é o suporte de CSS, fazendo com que a nova versão em desenvolvimento do Firefox seja totalmente compatível a ele assim como o Opera já é.
[editar] Exemplos
/* comentário em css (igual à linguagem c) */ body { font-family: Arial, Verdana, sans-serif; background-color: #FFF; margin: 5px 10px; }
O código acima define fonte padrão Arial, caso não exista substitui por Verdana, caso não exista define qualquer fonte sem serifa. Define também a cor de fundo do corpo da página.
Sua necessidade adveio do fato de o HTML (Hyper Text Markup Language) aos poucos ter deixado de ser usado apenas para criação de conteúdo na web, e portanto havia uma mistura de formatação e conteúdo textual dentro do código de uma mesma página. Contudo, na criação de um grande portal, fica quase impossível manter uma identidade visual, bem como a produtividade do desenvolvedor. É nesse ponto que entra o CSS.
As especificações do CSS podem ser obtidas no site da W3C "Word Wide Web Consortium", um consórcio de diversas empresas que buscam estabelecer padrões para a internet.
É importante notar que nenhum browser suporta totalmente as definições do CSS. Desta forma, o webdesigner deve sempre testar suas folhas de estilo em browsers de vários fabricantes, e preferencialmente em mais de uma versão, para se certificar de que o que foi codificado realmente seja apresentado da forma desejada.
[editar] Veja também
[editar] Ligações externas
- W3C - Cascading Style Sheets (em inglês)
- W3C CSS2 Specification (em inglês)
- W3Schools CSS Tutorial (em inglês)
- CSS Town (em inglês)
- W3C CSS Validation Service (em inglês)
- HTML.net - Aprenda CSS
- Tableless - Grupo de discussão sobre CSS e padrões W3C