Sobre as folhas de estilos em cascata

As folhas de estilos em cascata (CSS) são um conjunto de regras de formatação que controlam a aparência do conteúdo em uma página da Web. O uso de estilos CSS para formatar uma página separa o conteúdo da apresentação. O conteúdo da página — o código HTML — reside no arquivo HTML, e as regras CSS que definem a apresentação do código residem em outro arquivo (uma folha de estilos externa) ou em outra parte do documento HTML (geralmente a seção de cabeçalho). A separação do conteúdo da apresentação torna mais fácil a manutenção da aparência do site em um local central, pois você não precisa atualizar cada propriedade em cada página sempre que é necessário fazer uma alteração. Isso também torna o código HTML mais simples e limpo, diminuindo o tempo de carregamento do navegador e simplificando a navegação para as pessoas com problemas de acesso (por exemplo, aquelas que usam leitores de tela).

A CSS oferece excelente flexibilidade e controle sobre a aparência exata da página. Com a CSS, você pode controlar várias propriedades de texto, como fontes e tamanhos de fonte específicos; negrito, itálico, sublinhado e sombras de texto; cor de texto e cor de fundo; cor e sublinhado de link; e muito mais. Usando a CSS para controlar as fontes, você também pode garantir um tratamento mais consistente do layout e da aparência da página em vários navegadores.

Além da formatação do texto, você pode usar a CSS para controlar o formato e o posicionamento dos elementos em nível de bloco em uma página da Web. Um elemento em nível de bloco é uma parte independente do conteúdo, geralmente separado por uma nova linha no código HTML e formatado visualmente como um bloco. Por exemplo, as tags h1, p e div produzem elementos em nível de bloco em uma página da Web. Você pode definir as margens e bordas de elementos em nível de bloco, posicioná-los em um local específico, adicionar uma cor de fundo a eles, flutuar texto em volta deles etc. A manipulação dos elementos em nível de bloco é basicamente a maneira como você cria o layout das páginas com a CSS.

Para assistir a um tutorial de introdução às folhas de estilos em cascata, consulte www.adobe.com/go/vid0152_br.