Guia de CSS

O Mais Essencial

tamanho do texto texto itálico texto em negrito espaçamento entre linhas família (tipo) de fonte abreviação para fonte recuo da primeira linha alinhamento do texto

Menos Comum

sublinhado, sobrelinhado, tachado posição da linha de decoração de texto estilo da linha de decoração de texto cor da linha de decoração de texto mudança de caixa letras maiúsculas pequenas fonte personalizada controle do tamanho da fonte espaçamento entre letras espaçamento entre palavras alinhamento da última linha alinhamento vertical tipo de aspas kerning da fonte cor de preenchimento dos caracteres de texto orientação dos caracteres em texto vertical contorno dos caracteres de texto cor do contorno dos caracteres de texto espessura do contorno dos caracteres de texto direção do texto

Quebras

espaços em branco e quebras quebra de palavras longas quebra de palavras longas corte, barras de rolagem overflow na horizontal overflow na vertical tamanho da tabulação adição de reticências hifenização limitação de texto por número de linhas

Cor

Bordas

propriedade abreviada para borda borda esquerda borda direita borda superior borda inferior espessura da borda estilo da borda cor da borda espessura da borda esquerda espessura da borda direita espessura da borda superior espessura da borda inferior estilo da borda esquerda estilo da borda direita estilo da borda superior estilo da borda inferior cor da borda esquerda cor da borda direita cor da borda superior cor da borda inferior

Arredondamento

cantos arredondados canto superior esquerdo canto superior direito canto inferior esquerdo canto inferior direito

Contorno

propriedade abreviada para contorno espessura do contorno estilo do contorno cor do contorno deslocamento do contorno

Fundo

propriedade abreviada para fundo cor de fundo imagem de fundo comportamento do fundo ao rolar posição da imagem de fundo modo de repetição do fundo posição da imagem de fundo posição do fundo posição do fundo horizontalmente posição do fundo verticalmente tamanho da imagem de fundo desfoque do fundo brilho do fundo contraste do fundo sombra do fundo matiz do fundo inversão de cor do fundo transparência do fundo sepia do fundo efeitos de fundo sobreposição da imagem de fundo com a cor de fundo modo de mesclagem da cor de origem com o fundo estilo para fundo

Sombras

sombra do texto sombra do contêiner

Transparência

transparência visibilidade dos elementos

Gradientes

linear radial linear repetitivo radial repetitivo

Recorte

recorte cria uma área de recorte para o elemento propriedade abreviada para trabalhar com máscaras define a posição da máscara em relação ao elemento define a imagem para a máscara define como a máscara interage com o fundo define o tamanho da máscara define a repetição da máscara define a área de posicionamento da máscara define a área de recorte da máscara define como várias máscaras são combinadas

Imagem da borda

borda como imagem caminho para a imagem da borda divisão da imagem para a borda em partes modo de repetição da imagem da borda deslocamento da imagem da borda dimensionamento da imagem da borda

Trabalhando com o mouse

seleção de texto proibição de seleção de texto reação ao mouse aparência do cursor

Estilo

prioridade do estilo estilo para tipo de mídia estilo de elementos cujos recursos são suportados pelo navegador importação de arquivo CSS para a folha de estilo atual estilo de elementos padrão estilo de elementos em modo de tela cheia estilo de elementos com faixa de valores definida estilo para alternâncias que estão em estado indeterminado estilo para input com valor inválido inserido estilo para input sem atributo required estilo de elementos cujos valores estão fora da faixa estilo de elementos ao exibir texto de dica estilo de inputs com atributo readonly estilo de inputs disponíveis para modificação estilo para input com atributo required definido estilo para inputs com valor válido inserido cor do cursor de texto no input estilo de elementos em foco rolagem dentro do elemento

Listas

tipo de marcador de lista posição do marcador imagem para marcador abreviação para listas

Tabelas

colapso de bordas espaçamento entre células exibição de células vazias cálculo de células da tabela

Links

link antes da visita link visitado passar o mouse sobre o link clicar no link

Formulários

input em foco dica no input checkbox ou radio marcado input inativo input ativo

Dimensões

largura do bloco altura do bloco largura mínima largura máxima altura mínima altura máxima

Espaçamentos

margem externa margem superior margem inferior margem esquerda margem direita padding padding superior padding inferior padding esquerdo padding direito padding final do elemento ao longo do eixo do bloco padding inicial do elemento ao longo do eixo do bloco padding final do elemento ao longo do eixo inline padding inicial do elemento ao longo do eixo inline

Diversos

método de cálculo do padding, border e width método de exibição dos elementos redimensionamento proporção de aspecto do elemento dimensionamento de elementos

Cálculos

operações matemáticas restrição de valor em um intervalo mínimo entre os valores máximo entre os valores

Unidades de medida

tamanho em pixels tamanho em em tamanho em rem tamanho em porcentagem tamanho em frações tamanho em vw tamanho em vh tamanho em vmax tamanho em vmin

Flexbox

direção dos eixos alinhamento ao longo do eixo principal alinhamento ao longo do eixo transversal disposição de blocos em múltiplas linhas atalho para flex-direction e flex-wrap alinhamento do bloco ao longo do eixo transversal ordem de sequência tamanho base do bloco "ganância" do bloco fator de "comprimibilidade" do bloco atalho para flex-grow, flex-shrink e flex-basis

Grids

posição inicial do elemento na coluna posição final do elemento na coluna posições inicial e final do elemento na coluna posição inicial do elemento na linha posição final do elemento na linha posições inicial e final do elemento na linha número e largura das colunas no grid número e largura das colunas no grid implícito número e largura das linhas no grid número e largura das linhas no grid implícito posicionamento de elementos no grid nome do elemento no grid espaço entre elementos no grid espaço entre linhas no grid espaço entre colunas no grid notação abreviada das propriedades da grade posicionamento automático de elementos na grade número e largura de colunas e linhas para o elemento alinhamento ao longo do eixo transversal ou vertical alinhamento de elementos dentro das células do grid ao longo do eixo horizontal alinhamento de elementos dentro das células do grid alinhamento de um elemento individual no grid ao longo do eixo horizontal alinhamento de um elemento individual no grid alinhamento ao longo dos eixos principal e transversal

Posicionamento

posicionamento posição ao longo do eixo Z posicionamento após o primeiro elemento posição da borda inferior do elemento posição da borda superior do elemento posição da borda esquerda do elemento posição da borda direita do elemento posição do título da tabela

Flutuação

elementos flutuantes cancela o float para elementos superiores define a forma do fluxo margem no fluxo

Colunas

número de colunas espaço entre colunas borda entre colunas largura das colunas expansão do elemento através das colunas largura e número de colunas

Negação

Por posição

primeiro filho do pai último filho do pai n-ésimo filho do pai n-ésimo filho do pai a partir do final único filho do pai

Por tipo e posição

primeiro filho do tipo especificado do pai último filho do tipo especificado do pai n-ésimo filho do tipo especificado do pai n-ésimo filho do tipo especificado do pai a partir do final único filho do tipo especificado do pai

Diversos

elemento vazio por idioma do texto elemento alvo

Parte do texto

primeira letra primeira linha do texto

Transições Suaves

duração da transição atraso antes da execução propriedade animada velocidade da animação propriedade abreviada

Animação

quadros-chave da animação nome da animação duração da execução atraso antes da execução velocidade da animação número de repetições direção da animação estado da animação pausa propriedade abreviada

Transformações

transformação ponto de transformação

Rotação

rotação rotação no eixo X rotação no eixo Y rotação no eixo Z rotação em todos os eixos

Escala

escala escala no eixo X escala no eixo Y

Inclinação

inclinação inclinação no eixo X inclinação no eixo Y

Translação

translação translação no eixo X translação no eixo Y

Inserção de texto

texto após o elemento texto antes do elemento texto para after e before conteúdo do atributo

Contadores

numeração automática de elementos reinicialização do contador

Seletores

seletor contextual seletor filho seletor adjacente seletor geral de irmãos seletor universal

Seletores

seletor por nome de atributo seletor por valor de atributo seletor por início do valor do atributo seletor por final do valor do atributo seletor de atributo por texto seletor por um dos valores do atributo seletor de atributo por hífen no valor

↑

by de en es fr pt ru