Refresh Jacksonville

Basic CSS Lesson

• Section 1: Markup and Basic Global Styles
• Section 2: Positioning and Adding Details

Resource Links for This Lesson

• Amazon: Designing With Web Standards Web standards primer, theory and practices
• Amazon: Web Standards Solutions: The Markup and Style Handbook Markup and style - duh.
• Amazon: Bulletproof Web Design Improving flexibility and protecting against worst-case scenarios with XHTML and CSS
• Front-End Architecture: Markup is the Technical Foundation Great article on the importance of markup by Garret Dimon
• CSS Dashboard Widget Properties reference
• Font size using ems Using relative font sizes at Clagnut

Bookmarklets

Create a new bookmark in your browser and paste this code into the link field.

• Validate XHTML javascript:void(location='http://validator.w3.org/check?uri='+escape(location))
• Validate CSS javascript:void(location='http://jigsaw.w3.org/css-validator/validator?uri='+escape(location)+'&warning=1&profile=css2')
• Resize to 800x600 javascript:void(window.resizeTo(800,600))
• Resize to 1024x768 javascript:void(window.resizeTo(1024,768))