CSS CHEATSHEET by SMhd

Text Properties

font-family: (specific font, generic font)

font-size: [length, small, large, xlarge, ...]

font-weight: [bold, bolder, 100 .. 900]

font-style: [italic, oblique]

color: [named color, hex color, rgb, hsl]

text-shadow: (x, y, blur, color)

Box Model Properties

padding: top right bottom left

margin: top right bottom left

border-style: [solid dotted dashed]

border-width: length

border-color: color

border-radius: size

width, min-width, max-width: size

heigth, min-height, max-height: size

Common

background-color: color

background-image: src(url)

cursor: [teat, crosshair, wait, pointer]

Basic Layout Properties

display: block, inline, none, flex, grid

position: static, fixed, relative, absolute, sticky

float: left, right, none

clear: left, right, both

overflow: visible, scroll, hidden, auto

z-index: number

Flexbox Properties

flex-direction: row, column, row-reverse, column-reverse

flex-wrap: nowrap, wrap, wrap-reverse

justify-content: flex-start, flex-end, center, space-around, space-between

align-items: flex-start, flex-end, center, stretch

align-content: flex-start, flex-end, center, stretch

order: number

flex-grow: number

align-self: flex-start, flex-end, center