CSS é a linguagem que usamos para estilizar uma página da Web.
CSS significa Folhas de Estilo em Cascata
CSS descreve como os elementos HTML devem ser exibidos na tela, papel ou em outra mídia
CSS economiza muito trabalho. Ele pode controlar o layout de várias páginas da web de uma só vez
Folhas de estilo externas são armazenadas em arquivos CSS
Aqui mostraremos uma página HTML exibida com quatro folhas de estilo diferentes. Clique em "Folha de estilo 1", "Folha de estilo 2", "Folha de estilo 3", "Folha de estilo 4" links abaixo para ver os diferentes estilos:
CSS é usado para definir estilos para suas páginas da web, incluindo design, layout e variações na exibição para diferentes dispositivos e tamanhos de tela.
body
{
background-color: lightblue;
}
h1
{
color: white;
text-align: center;
}
p
{
font-family: verdana;
font-size: 20px;
}Experimente você mesmo →
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
</style>
</head>
<body>
<h1>My First CSS Example</h1>
<p>This is a paragraph.</p>
</body>
</html>
O HTML NUNCA foi planejado para conter tags para formatar uma página da web!
HTML era criado para descrever o conteúdo de uma página da web, como:
<h1>Este é um título</h1>
<p>Este é um parágrafo.</p>
Quando tags como e atributos de cores foram adicionados ao HTML 3.2 especificação, iniciou um pesadelo para desenvolvedores web. Desenvolvimento de grandes sites, onde fontes e informações de cores foram adicionadas a cada página, tornou-se um processo longo e caro.
Para resolver este problema, o World Wide Web Consortium (W3C) criou o CSS.
CSS removeu a formatação de estilo da página HTML!
Se você não sabe o que é HTML, sugerimos que leia nosso Tutorial de HTML.
As definições de estilo normalmente são salvas em arquivos .css externos.
Com um arquivo de folha de estilo externo, você pode alterar a aparência de um site inteiro alterando apenas um arquivo!