🌈 Cores, Background, Bordas e Espaçamentos

💬 Comentários em CSS

Os comentários são essenciais para documentar seu código:

/* Este é um comentário de linha única */ /* Este é um comentário de múltiplas linhas */ /* ===== SEÇÃO DE CORES ===== */ .minha-classe { color: red; /* Comentário inline */ }

🎨 Cores em CSS

Hexadecimal
#FF80BF
6 dígitos: RRGGBB

RGB
rgb(138, 255, 128)
Red, Green, Blue (0-255)

RGBA
rgba(255, 184, 108, 0.8)
RGB + Alpha (transparência)

HSL
hsl(240, 100%, 80%)
Hue, Saturation, Lightness

🖼️ Background (Plano de Fundo)

Background Color: Cor sólida de fundo (#22212C)

Background Gradient: Degradê linear de 45° (rosa para verde)

🔲 Bordas

Solid
border: 3px solid #8AFF80

Dashed
border: 3px dashed #FF80BF

Dotted
border: 3px dotted #ffb86c

Rounded
border-radius: 20px

📏 Margin (Espaçamento Externo)

Elemento com margin: 20px (espaçamento externo)

Elemento com margin: 10px 30px (vertical horizontal)

📦 Padding (Espaçamento Interno)

Sem padding - o texto fica colado na borda

Com padding: 20px - o texto tem respiração

Padding: 30px 15px - vertical e horizontal diferentes

🏠 Início ⬅️ Anterior ➡️ Próximo

Dev by Maugus em CSS puro 🎨