CSS é a linguagem que usamos para estilizar um documento HTML.
CSS descreve como os elementos HTML devem ser exibidos.
Este tutorial ensinará CSS do básico ao avançado.
Este tutorial CSS contém centenas de exemplos de CSS.
Com nosso editor online, você pode editar o CSS e clicar em um botão para ver o resultado.
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>
Clique no botão "Experimente você mesmo" para ver como funciona.
Aprenda com mais de 300 exemplos! Com nosso editor, você pode editar o CSS e clicar em um botão para ver o resultado.
Vá para Exemplos CSS!
Recomendamos a leitura deste tutorial, na sequência listada no menu.
Se você tiver uma tela grande, o menu estará sempre presente à esquerda.
Se você tiver uma tela pequena, abra o menu clicando no sinal do menu superior ☰.
Criamos alguns modelos W3.CSS responsivos para você usar.
Você é livre para modificar, salvar, compartilhar e usá-los em todos os seus projetos.
Modelos CSS grátis!