# Seleciona todos os parágrafos

# Seleciona todos os h1

# Seleciona todas as divs

# Seleciona todos os spans

# Seleciona elementos com classe

# Botão primário

# Texto centralizado

# Elemento oculto

# Elemento com ID específico

# Conteúdo principal

# Barra lateral

# Rodapé

# Div com classe específica

# Li dentro de ul com classe

# Elemento com classe dentro de ID

# H2 dentro de article com classe

# Largura

# Altura

# Largura máxima

# Altura mínima

# Inclui padding e border

# Todos os lados

# Vertical 10px, horizontal 20px

# Top, right, bottom, left

# Apenas topo

# Centraliza horizontalmente

# Todos os lados

# Vertical 10px, horizontal 20px

# Top, right, bottom, left

# Apenas esquerda

# Unidade relativa

# Borda completa

# Bordas arredondadas

# Forma circular

# Borda superior

# Remove borda

# Família de fontes

# Fontes com espaços

# Fonte serif

# Fonte monoespaçada

# Fontes alternativas

# Tamanho em pixels

# Tamanho relativo ao pai

# Tamanho relativo à raiz

# Negrito

# Peso da fonte (100-900)

# Itálico

# Sublinhado

# Remove decoração (links)

# Maiúsculas

# Primeiras letras maiúsculas

# Centraliza texto

# Justifica texto

# Altura da linha

# Espaçamento entre letras

# Espaçamento entre palavras

# Cor hexadecimal

# Cor RGB

# Cor RGB com transparência

# Cor HSL

# Herda cor do pai

# Cor de fundo sólida

# Gradiente linear

# Gradiente radial

# Imagem de fundo

# Imagem cobre todo elemento

# Não repete imagem

# Posiciona imagem no centro

# Fundo fixo ao rolar

# Modo de mistura de fundos

# Transparência do elemento

# Cor atual do elemento

# Cor de preenchimento (SVG)

# Cor da borda (SVG)

# Ajuste de brilho

# Saturação

# Elemento em bloco

# Elemento em linha

# Elemento em linha com bloco

# Oculta elemento

# Container flexbox

# Container grid

# Posicionamento padrão

# Relativo ao seu lugar

# Relativo ao pai posicionado

# Fixo na viewport

# Fixo ao rolar até certo ponto

# Distância do topo

# Distância da direita

# Distância da base

# Distância da esquerda

# Empilhamento de elementos

# Flutua à esquerda

# Flutua à direita

# Limpa floats anteriores

# Limpa float à esquerda

# Contém floats (clearfix)

# Cria container flex

# Direção dos itens (padrão)

# Direção vertical

# Permite quebra de linha

# Alinhamento horizontal

# Alinhamento vertical

# Alinha ao início

# Alinha ao fim

# Centraliza

# Espaça entre itens

# Espaça ao redor dos itens

# Espaçamento igual

# Estica para preencher

# Alinha ao topo

# Alinha à base

# Centraliza verticalmente

# Alinha na linha base

# Alinha linhas (com wrap)

# Item flexível cresce igualmente

# Item flexível cresce 2x mais

# Capacidade de crescer

# Não encolhe

# Tamanho base

# Alinhamento individual

# Cria container grid

# 3 colunas iguais

# Coluna fixa + flexível

# Repete colunas

# Linhas do grid

# Espaçamento entre itens

# Define áreas do grid

# Primeira linha

# Segunda linha

# Terceira linha

# Área do elemento

# Ocupa colunas 1-2

# Ocupa linhas 2-3

# Ocupa 2 colunas

# Ocupa 3 linhas

# Posição completa

# Alinha itens horizontalmente

# Alinha itens verticalmente

# Alinha grid horizontalmente

# Alinha grid verticalmente

# Alinha ambos

# Dispositivos móveis

# Ajuste para mobile

# Fecha media query

# Dispositivos maiores

# Ajuste para desktop

# Fecha media query

# Extra small (xs)

# Small (sm)

# Medium (md)

# Large (lg)

# Extra large (xl)

# Imagem responsiva

# Mantém proporção

# Fonte fluida

# Largura da viewport

# Altura da viewport

# 50% da viewport width

# 100% da viewport height

# 4% da viewport width

# 2% da viewport height

# Largura mínima

# Transição suave

# Transição de cor

# Curva de animação

# Atraso na transição

# Duração da transição

# Move horizontalmente

# Move verticalmente

# Rotaciona

# Aumenta tamanho

# Inclina horizontalmente

# Rotaciona no eixo X

# Rotaciona no eixo Y

# Rotaciona no eixo Z

# Perspectiva 3D

# Mantém contexto 3D

# Define animação

# Estado inicial

# Estado final

# Fecha keyframe

# Aplica animação

# Mouse sobre elemento

# Elemento sendo clicado

# Elemento focado

# Link já visitado

# Link não visitado

# Primeiro filho

# Último filho

# Filhos ímpares

# Filhos pares

# Terceiro filho

# Checkbox/radio marcado

# Elemento desabilitado

# Elemento habilitado

# Campo obrigatório

# Campo válido

# Antes do conteúdo

# Depois do conteúdo

# Primeira linha

# Primeira letra

# Texto selecionado

# Desfoque

# Brilho

# Contraste

# Escala de cinza

# Efeito sépia

# Rotação de matiz

# Sombra suave

# Sombra média

# Sombra forte

# Sombra no texto

# Sombra interna

# Gradiente diagonal

# Gradiente radial

# Gradiente cônico

# Gradiente repetido

# Recorte circular

# Recorte poligonal

# Recorte elíptico

# Máscara de imagem

# Desfoque do fundo

# Declaração global

# Cor primária

# Cor secundária

# Tamanho base

# Unidade de espaçamento

# Fecha declaração

# Usa variável de cor

# Usa variável de tamanho

# Usa variável de espaçamento

# Calcula com variável

# Com valor padrão

# Com fallback

# Fallback aninhado

# Modo escuro

# Cor para modo escuro

# Fundo para modo escuro

# Fecha media query