<!Doctype html>
No longer need type attributes, such as type='text/css'
Any <section> can have its own <header>
Headers can have <hgroup> subsections.
Should be able to stand alone, can have it's own header & footer.
Related to an article, but not critical to its understanding, such as pull quotes
Like the header, does not need to be for the whole page.
<time datetime='2011-08-23' pubdate>Tuesday, August 23, 2011</time>
#CSS3
Put vendor prefixes before main definition:
- -webkit-border-radius
- -moz-border-radius
{text-shadow : 0px 1px -1px #000;}
x-offset, y-offset, blur, color
Note: box-shadow has identical syntax, but you can use the inset property if you want shadow inside image.
- light background, dark text: offset bottom, right, light color
- dark background, light texta offset top, left, dark color
Better than hex colors because you can give a 4th property, alpha, which will define the opacity.
easy enough
Common on hover state. Needs vendor prefixes, including for opera (o-transform)
- scale(1.5)
- rotate(-10deg)
- skew (-10deg, 15deg)
- translate(10px, 20px) #x, y
Set as background-image. Requires vendor prefixes. Useful tool for generating: westciv.com/tools/gradients
First declared one is your fallback.