Layout

padding, margin
display {none, block, inline, inline-block}
float {*none*, left, right}
clear {*none*, left, right, both}
position {*static*, absolute, fixed, relative}

vertical-align {*baseline*, px, %, top, middle, bottom}
text-align {*left*, right, center, justify }

overflow {*visible*, hidden, scroll, auto}
z-index
max-width, min-width
box-sizing {*content-box*, border-box}

Style

font {family | *normal*, italic | size}
font-weight {*normal*, bold}
color {#RGB, rgba}
text-decoration {*none*, underline, overline, line-through}
line-height, text-shadow, white-space

background {transparent, color | transparent, image | *repeat*, repeat-x, repeat-y, no-repeat}
border {none, solid, transparent | px | color}
visibility {*visible*, hidden}

border-radius, box-shadow, opacity
cursor, list-style

Selectors

div#id
div.class

div span
div > span
div, span

a[attr='x']

{:first-child}
{:last-child}

{:hover}
{:active}
{:focus}

Swatches

#333    #08C    #005580

#000    #222    #333    #555    #999    #eee    #fff   

#049cdb #46a546 #9d261d #ffc40d #f89406 #c3325f

#7a43b6