Skip to main content

Cascading Style Sheets (CSS) / Folhas de Estilo em Cascata (CSS)

TL;DR

CSS funciona junto com o HTML e tem o papel de adaptar as páginas web de formulários de conteúdo, de forma visual, através de múltiplos dispositivos. Ele dita o estilo ao separar fontes, layouts, cores e outros elementos e melhora a experiência do usuário.

Sobre as Folhas de Estilo em Cascata (CSS)

O Cascading Style Sheets (CSS) funciona junto com a Hypertext Markup Language (HTML) para melhorar o design das páginas web. Através das CSS, os web designers são capazes de configurar um estilo para uma página e esse estilo será aplicado a todas as outras páginas e elementos de todo o site. O CSS é utilizado para tornar os sites mais atraentes e melhorar a experiência do usuário.

Por que o CSS é importante?

CSS permite aos desenvolvedores especificar um estilo uma vez e o navegador web aplicará esse mesmo estilo específico muitas vezes depois nas páginas web ou no documento, portanto é eficiente em termos de tempo. Também, através deste método, é estabelecido um maior controle sobre o layout, enquanto a flexibilidade e interatividade do site são melhoradas. O CSS também facilita a atualização de sites, eliminando o estilo de codificação repetitiva do HTML básico, e tem a vantagem de reduzir o número de erros no código.

Páginas Web que utilizam CSS carregam mais rapidamente porque o navegador só tem de descarregar as regras uma vez e armazená-las em cache para carregar as outras páginas do site.

Um exemplo de como o CSS funciona

O CSS funciona através da criação de regras. Aqui está um exemplo simples de código CSS definindo a cor e o tamanho do H1: <style> H1 { font-size:20pt color:green;} </style> Agora, com a regra CSS anterior em vigor, qualquer código HTML do site contendo o H1 será automaticamente renderizado como verde e do tipo 20 pontos: <html> <body> <h1>estosso manchete é verde e 20 pt.</h1> </body> </html>