CSS: Page Layouts introduces basic layout concepts, gives advice on how to create properly structured HTML based on prototypes and mockups, and goes into critical page layout skills such as floats and positioning. Author James Williamson shows how to combine these techniques to create fixed, fluid, and responsive layouts. Designers are also shown how to enhance their pages through the creative use of CSS techniques like multi-column text, opacity, and the background property. Exercise files are included with this course.

Topics include:

• Reviewing the box model
• Calculating em and percentage values
• Controlling how elements display
• Creating fixed, fluid, and responsive layouts
• Structuring content with HTML5
• Floating elements
• Using relative, absolute, or fixed positioning
• Defining column spacing
• Creating grid-based assets and layouts
• Considering mobile-design-specific issues
• Working with multi-column text
• Enhancing page design CSS Sprites