Cheatsheet de propriedades básicas do CSS
cores
nomes de cores (red, white), hexadecimais (#FFFFFF, #F0F0F0), RGB (rgb(255, 0, 0), rgb(255, 255, 255)) e outros.
referência: W3 Schools Unidades de cores
unidades de tamanho
px, em, rem, vh, e outros
referência: W3 Schools Unidades de tamanho/posição
Texto
| Nome |
Descrição |
Valores |
color |
Define a cor do texto |
cores |
text-align |
Define o alinhamento horizontal do texto |
left, right, center, justify |
text-decoration |
Shorthand para as propriedades text-decoration-line, text-decoration-color, text-decoration-style |
text-decoration-line text-decoration-color text-decoration-style |
text-decoration-line |
Define qual decoração utilizar no texto |
none, underline, overline, line-through |
text-decoration-color |
Define a cor da decoração do texto |
cores |
text-decoration-style |
Define o estilo da decoração do texto |
solid, double, dotted, dashed, wavy |
Fontes
| Nome |
Descrição |
Valores |
font-family |
Define a fonte do texto |
nomes de fontes (Arial, Times New Roman) e fontes genéricas (sans-serif, serif) |
font-weight |
Define o peso ou intensidade de uma fonte |
normal, bold, bolder, lighter e números de 100 até 900 |
font-size |
Define o tamanho da fonte |
medium, small, large, smaller, larger, unidades de tamanho, porcentagem do tamanho da fonte do pai |
Elementos
| Nome |
Descrição |
Valores |
background |
Shorthand para as propriedades background-color, background-image, background-position, background-size, background-repeat e outras |
background-color background-image background-position/background-size background-repeat |
background-color |
Define a cor do fundo de um elemento |
transparent ou cores |
background-image |
Define uma ou mais imagens para o fundo do elemento |
url (caminho para a imagem) ou none |
background-position |
Define a posição inicial da imagem de fundo do elemento |
combinação de 2 valores (left, top, right, bottom e center), (x% e y%) ou (x e y) |
background-size |
Define o tamanho da imagem de fundo do elemento |
auto, cover, contain, unidades de tamanho ou porcentagem do tamanho do pai |
opacity |
Define o nível de opacidade/transparência de um elemento |
de 0 a 1 onde 0.0 é totalmente transparente e 1.0 totalmente opaco |
HackMD
