🎨 Estilização de Texto e Fontes

Comando CSS	O que ele faz
color	Define a cor do texto.
font-size	Define o tamanho da fonte.
font-family	Define a família tipográfica.
font-weight	Define a espessura da fonte (ex: bold, normal).
font-style	Define o estilo da fonte (normal, italic, etc.).
text-align	Alinha o texto (left, right, center, justify).
text-decoration	Adiciona/Remove decoração (ex: underline, none).
text-transform	Transforma o texto (uppercase, lowercase, capitalize).
letter-spacing	Define o espaçamento entre letras.
line-height	Define a altura da linha (espaçamento vertical entre linhas).
text-shadow	Adiciona sombra ao texto.

🎨 Cores e Fundos

Comando CSS	O que ele faz
background-color	Define a cor de fundo.
background-image	Define uma imagem de fundo.
background-size	Define o tamanho da imagem de fundo.
background-position	Define a posição da imagem de fundo.
background-repeat	Define se a imagem de fundo se repete.
opacity	Define a transparência do elemento.
box-shadow	Adiciona sombra ao elemento.
border	Define borda (largura, estilo, cor).
border-radius	Arredonda os cantos da borda.

📐 Tamanho e Espaçamento

Comando CSS	O que ele faz
width	Define a largura do elemento.
height	Define a altura do elemento.
max-width	Define a largura máxima.
max-height	Define a altura máxima.
min-width	Define a largura mínima.
min-height	Define a altura mínima.
margin	Define a margem externa.
padding	Define o espaçamento interno.
box-sizing	Define como o tamanho total é calculado (content-box, border-box).

🧱 Layout e Posicionamento

Comando CSS	O que ele faz
display	Define o tipo de exibição (block, inline, flex, grid, none, etc.).
position	Define a posição (static, relative, absolute, fixed, sticky).
top, right, bottom, left	Define o deslocamento do elemento conforme a posição.
z-index	Controla a sobreposição entre elementos.
overflow	Define o que acontece com conteúdo excedente.
visibility	Define se o elemento é visível ou não (ainda ocupa espaço).

📦 Flexbox

Comando CSS	O que ele faz
display: flex	Ativa o layout flexível.
flex-direction	Define a direção (row, column).
justify-content	Alinha os itens no eixo principal.
align-items	Alinha os itens no eixo cruzado (vertical).
flex-wrap	Define se os itens podem quebrar linha.
gap	Define o espaço entre os itens.
flex	Controla o crescimento/encolhimento de um item.

🧮 Grid Layout

Comando CSS	O que ele faz
display: grid	Ativa o layout em grade.
grid-template-columns	Define o número e tamanho das colunas.
grid-template-rows	Define o número e tamanho das linhas.
grid-gap	Define o espaço entre linhas e colunas.
grid-column	Controla onde o item começa e termina na coluna.
grid-row	Controla onde o item começa e termina na linha.

✨ Efeitos e Transições

Comando CSS	O que ele faz
transition	Define animações suaves entre mudanças de estado.
transform	Aplica transformações (rotate, scale, translate, skew).
animation	Define animações com keyframes.
@keyframes	Define etapas da animação personalizada.

🖱️ Outros Comandos Úteis

Comando CSS	O que ele faz
cursor	Define o tipo de cursor (ex: pointer, default, not-allowed).
pointer-events	Controla se o elemento pode receber eventos de mouse.
visibility	Define se o elemento é visível sem removê-lo do fluxo do layout.