CSS (Cascading style sheets)
CSS é o acrônimo de Cascading style sheets, que em português se traduz como folhas de estilo em cascata. Desenvolvido pelo W3C em 1996, o CSS é um mecanismo complementar à linguagem HTML que permite indicar ao navegador o estilo com o qual deve exibir os diversos elementos que compõem a página web a ser visualizada.
Enquanto o HTML se concentra em indicar ao navegador que certas partes da página são títulos, subtítulos, parágrafos, links, etc., o CSS complementa essa informação para garantir que o tipo de fonte, tamanho, cor ou alinhamento com que cada elemento é exibido seja o correto.
Nós explicamos tudo na Mailrelay.
1. Para que serve o CSS
O código CSS separa a estrutura de um documento HTML de sua apresentação. Ou seja, o HTML define a estrutura básica da página (como um esqueleto), e o CSS adiciona uma camada de personalização que dá ao site o seu visual final.
Dessa forma, um web designer pode fazer alterações na aparência de um site de maneira prática graças ao CSS, sem afetar o conteúdo drasticamente, pois o conteúdo permanece o mesmo, mudando apenas a forma como é exibido na tela.
2. Tipos de CSS
Existem três tipos ou formas de vincular o CSS ao seu site (HTML): externo (external), interno (internal) e em linha (inline).
– CSS externo. É o CSS que existe como um arquivo independente e é vinculado a um documento HTML através de uma tag. Esta é a forma mais comum de adicionar CSS ao HTML, pois basta alterar esse documento para que todo o site receba as alterações desejadas.
– CSS interno. O CSS interno é um código CSS incorporado diretamente no documento HTML, feito através do elemento dentro da seção . É utilizado para adicionar estilos a páginas individuais ou seções específicas do site.
– CSS em linha ou inline. O CSS inline é inserido dentro de uma tag HTML para alterar apenas o estilo de um elemento específico. Seu uso não é muito recomendado, pois, na prática, não separa o estilo do conteúdo.
3. Vantagens do CSS
As vantagens que o uso de folhas de estilo em cascata (CSS) traz são muitas, aqui estão algumas das mais importantes:
- Facilita a realização de modificações visuais em todo um site a partir de um único lugar.
- Permite melhorar o tempo de carregamento.
- Melhora a usabilidade web
- Facilita a indexação do site pelos rastreadores de busca.
- Simplifica a criação de versões otimizadas para diferentes objetivos.
- Torna as alterações e a organização mais simples.
- Otimiza o tamanho dos arquivos.
- Permite criar um site responsivo.
- Torna a criação de páginas web mais simples.
- Trabalhar com padrões facilita a implementação de futuras melhorias no site.
Outros termos do Glossário: