CSS: folhas de estilo

Setembro 2017

Apresentação das folhas de estilo

O conceito de folhas de estilo apareceu em 1996 quando o W3C publicou uma nova recomendação intitulada 'Cascading StyleSheets' (folhas de estilo em cascata), ou CSS.

O princípio das folhas de estilo consiste no uso único documento para armazenar as características de apresentação das páginas associadas a grupos de elementos. Isto implica em nomear um conjunto de definições e características de apresentação das páginas e ativar esses nomes para aplicá-los em uma parte do texto. Assim, é possível configurar os títulos de uma seção para que apareçam a fonte Arial, em cor verde e em itálico.

As folhas de estilo foram criadas para compensar as lacunas da linguagem HTML no que diz respeito à configuração e layout das páginas. Na verdade, o HTML tem vários títulos que permitem configurar a página e definir o estilo de um texto, contudo cada elemento possui o seu próprio estilo, independentemente dos elementos que o cercam. Ao utilizar as folhas de estilo, quando é preciso mudar a aparência de um site que tem centenas de páginas web, basta editar as definições das folhas de estilo num só lugar para mudar a aparência do site por inteiro.

As chamamos de folhas de estilo em cascata porque podem definir várias folhas e os estilos podem ser aplicados em todas as páginas (com um sistema predefinido para resolver conflitos). As folhas de estilo podem ser utilizadas para obter uma aparência uniforme de todo o site, recorrendo a uma mesma definição de estilo para todas as páginas; para mudar o aspecto de um site por inteiro através da modificação de algumas poucas linhas; para fazer com que os códigos HTML sejam mais fáceis de ler já que os estilos são definidos separadamente; para permitir que as páginas se carreguem mais rapidamente, já que há menos quantidade de HTML em cada página; e, para posicionar os elementos da página de maneira mais homogênea.

CSS 2.0

Desde 12 de Maio de 1998, a norma CSS 2.0 tem sido o padrão em vigor. A norma CSS 2.0 adiciona novas funcionalidades em relação à norma precedente (1.0), entre as quais: as considerações sobre como mostrar um documento nos diversos meios de comunicação social (como uma tela, uma impressora, um sistema Braille, um sintetizador de voz, etc.); a adição de características auditivas para os cegos e deficientes visuais; a manipulação de cursores; e a gestão de transbordamento e visibilidade de elementos.

A compatibilidade com os navegadores

Apesar das recomendações do W3C, nem todos os navegadores mostram as folhas de estilo da mesma forma. O primeiro navegador a ter integrado as folhas de estilo foi o Microsoft Internet Explorer 3.0 e o seu uso generalizou-se com as versões 4.0 e superiores do Internet Explorer e do Netscape Navigator.

Navegadores que suportam as folhas de estilo

Microsoft Internet Explorer 3.0 (parcialmente)
Microsoft Internet Explorer 4.x
Microsoft Internet Explorer 5.x
Microsoft Internet Explorer 6.x
Netscape Navigator 4.x
Netscape Navigator 6.x
Netscape Navigator 7.x
Mozilla x.x
Firefox x.x
Opera 5.x
Opera 6.x
Opera 7.x
Camino 0.8x
Safari 1.xx

Saiba mais

O site ZenGarden (em inglês) se propõe a testar a importância das folhas de estilo permitindo escolher diferentes estilos para aplica-los ao mesmo conteúdo.

Veja também


CSS - Style sheets
CSS - Style sheets
CSS: Hojas de estilo
CSS: Hojas de estilo
CSS (Feuilles de style)
CSS (Feuilles de style)
Fogli di stile - CSS
Fogli di stile - CSS
Dźwięk cyfrowy
Dźwięk cyfrowy
Última modificação: 16 de junho de 2017 às 13:20 por ninha25.
Este documento, intitulado 'CSS: folhas de estilo', está disponível sob a licença Creative Commons. Você pode copiar e/ou modificar o conteúdo desta página com base nas condições estipuladas pela licença. Não se esqueça de creditar o CCM (br.ccm.net) ao utilizar este artigo.