Voltar para HTML & CSS

O que é CSS?

Aprenda a estilizar suas páginas web

CSS (Cascading Style Sheets) é a linguagem usada para estilizar páginas HTML. Se HTML é o esqueleto, CSS é a roupa e maquiagem — define cores, tamanhos, posições e animações.

css
/* Seletor por tag */
h1 {
  color: #2d5a3f;
  font-size: 2rem;
  font-weight: bold;
}

/* Seletor por classe */
.card {
  background: white;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Seletor por ID */
#header {
  background: #f5f5f0;
  padding: 16px 24px;
}

/* Pseudo-classe (hover) */
.botao:hover {
  background: #3d7a5f;
  transform: translateY(-2px);
}

Use classes (.nome) para estilizar múltiplos elementos e IDs (#nome) para elementos únicos.

Pratique Agora

0/1 completos
css