week 3
The focus of week 3 is to understand the box model of CSS and the arrangement of elements on the document page. Box model properties define the position of one element as it relates to others on the page, while the position property defines complete layouts without the use of tables.
Handouts/downloads
Level One Learning Objects
- CSS Layouts An overview of current css layout techniques.
- CSS Positioning Detailed description of box model and positioning.
- Positioning Examples A discussion about the functioning of positioning.
- Collasping Margins Transition from tables to CSS
Level Two Learning Objects
- Faux Columns Cederholm's method of expanding columns vertically.
- Absolute/relative Nesting an absolutive div in a relative div.
- Footers Positioning footers in CSS.
- Layout Resources A solid group of layout resources from various authors.
Level Three Learning Objects
- Lean CSS Taking advantage of shortcuts in CSS
- Float Layouts Explaination of the float concept and how it is defined.
- Vertical Sizing Determining the components of height of positioned elements
- Horizontal Sizing Determining the width of an element in CSS
- Design with Templates Planning site development with XHTML/CSS Templates.