CSS (Cascading style sheets)
CSS é o acrônimo de folhas de estilo em cascata (Cascading style sheets) Desenvolvido pelo W3C em 1996, o CSS é um mecanismo complementar ao código HTML que é interpretado pelo navegador para definir o estilo que será usado nos diferentes elementos visuais que foram configurados para criar o layout da página.
Enquanto o HTML é usado para “dizer” ao navegador que certas partes da página são títulos, cabeçalhos, links, subtítulos, etc. O CSS complementa essas informações para que o tipo de fonte, tamanho, cor ou alinhamento usado para exibir cada elemento esteja correto.
Vamos explicar um pouco sobre isto na Mailrelay.
1. Para que usar 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, por outro lado, o CSS adiciona uma camada de personalização que dá ao site sua aparência final.
Desta forma, um web designer pode fazer alterações no layout de um site confortavelmente editando o CSS sem afetar o conteúdo dramaticamente, uma vez que o conteúdo seria o mesmo, apenas a forma como seria exibido na tela seria alterada.
2. Tipos de CSS
Existem três tipos ou maneiras de vincular o CSS ao seu site (HTML): externo (external), interno (internal) e online (inline).
– CSS externo. Este tipo de CSS é criado em um arquivo independente e é vinculado a um documento através de uma tag. Essa é a maneira mais comum de adicionar CSS ao HTML, porque o designer só tem que alterar esse arquivo para que o site seja completamente atualizado.
– CSS interno. CSS interno é o código CSS incorporado no código HTML, isso é feito usando tags <style> dentro da página <head>. É usado para adicionar estilos a páginas individuais ou seções do site.
– CSS inline. O CSS inline é colocado dentro de uma tag HTML para alterar apenas o estilo de um elemento específico. Seu uso não é altamente recomendado porque realmente não separa o estilo do conteúdo.
3. Vantagens do CSS
As vantagens de usar folhas de estilo em cascata (CSS) são muitas, aqui estão algumas das mais notáveis:
- É mais fácil fazer alterações rápidas no layout de um website inteiro editando um único arquivo.
- Permite melhorar o tempo de carregamento.
- Melhorar a usabilidade da web
- Facilita a indexação do website pelos spiders dos buscadores.
- Simplifica a criação de versões otimizadas para diferentes objetivos.
- Simplifica o processo de atualização.
- Reduz o tamanho dos arquivos.
- Pode ser usado para criar um website responsive.
- Facilita a criação de websites.
- Trabalhar com padrões facilita as melhorias futuras no site.
Outros termos do glossário: