CSS 2

CSS positioning

• static
• relative
• absolute
• fixed

Overflow

• hidden
• scroll

z-index and the stacking context

@ rules

1. @import
2. @font-face

font-awesome

vs.

image icons

font-awesome (font icons)

1. scale perfectly (vector)
2. can be colored
3. small size and all in one font file
4. promote a unified UX language (good or bad?)
5. only monochromatic images

image icons

1. scaling looses quality
2. need sprites to combine into a single file
3. cannot be colored
4. support any number of colors in a single image

End