In the last installment of the HTML5 CSS Starter Page series, we styled the markup into a fixed-width, two-column, right sidebar with header and footer layout. This time around we'll hone in on details, while especially concentrating on headings and text. We'll use descendant selectors to give different looks to lists, headings, and body text depending on the section of the page in which they occur. We'll take care of escaping margins to close gaps between divs. Finally, we'll hide text that we added for accessibility purposes from sighted visitors.

This tutorial includes starter and completed files so that you can play along at home.

The HTML5 CSS Starter Page Series:
The HTML5 CSS Starter Page Series - Part 1
The HTML5 CSS Starter Page Series - Part 2: Content Models
The HTML5 CSS Starter Page Series - Part 3: Constructing the Layout
The HTML5 CSS Starter Page Series - Part 4: Markup Continued
The HTML5 CSS Starter Page Series - Part 5: Styling the Layout
The HTML5 CSS Starter Page Series - Part 6: More Layout Styling
The HTML5 CSS Starter Page Series - Part 7: Styling the Navigation for the Layout
The HTML5 CSS Starter Page Series - Part 8: Site Tasks
The HTML5 CSS Starter Page Series - Part 9: The Video Page ...

Related Articles

• Nettuts+ Approved Web Development Books
• Advanced Data Models with Rails
• Build a Spiffy Quiz Engine: New Premium Tutorial
• Create WordPress Plugins with OOP Techniques
• The Best of Paul Irish in 2011
• Deploy your WordPress Blog to the Cloud
• Create a Template with Joomla: Step by Step
• Ruby for Newbies: The Tilt Gem
• How to Work with PHP and FTP
• Win a Free MacBook Pro and $1,000 in Printing From UPrinting

• How To Highlight Or Mark Text In Your Web Pages With HTML5
• How To Add A Playable Video Or Movie To A Web Page Using HTML5
• How To Add A Playable Audio File To A Web Page Using HTML5
• Quick Tip: The Power of Google Analytics Custom Variables
• Vim Essential Plugin: NERDTree
• Protect a CodeIgniter Application Against CSRF
• Canvas From Scratch: Transformations and Gradients
• Clarifying Our Discount Membership Promotion
• Ruby for Newbies: Working with DataMapper
• The Perfect Workflow, with Git, GitHub, and SSH