Pseudo-classes
* :first-child, :last-child
* :link, :visited
* :hover, :active, :focus
* :lang
CSS3:
:nth-child()
:not
:only-child
:root
:target
Pseudo-elements
* :first-line
* :first-letter
* ::selection
HTML tables
table, tr, td
th, caption
styling
border-collapse
* border-spacing
rowspan, colspan
col, colgroup
* thead, tfoot, tbody
Element types & morphing
http://www.quirksmode.org/css/display.html
display property
(common)
block
inline
inline-block
displaying block elements as inline
inline menu
* common bug: space between inline menu items
* (lists)
list-item
run-in
* :before/:after, generated content
* content: text, image, attr, counter
* box model properties, positioning
http://www.viget.com/inspire/css-generated-content/
* (table)
table
inline-table
table-caption
table-cell
table-column
table-column-group
table-footer-group
table-header-group
table-row
table-row-group
* display: table for layout
display: table isn't <table>
limitations: no colspan/rowspan
visibility
display: none
hidden
Layout
* static designs
* grid-based design
CSS frameworks
http://960.gs/
http://www.blueprintcss.org/
* fully liquid
* semi-liquid
* combining fixed and proportional widths