Chapter 6 Page Layout
You’ve already configured the centered page layout with CSS. We’ll add to your toolbox of CSS page layout techniques in this chapter, starting with the box model. You’ll explore floating and positioning elements with CSS. You’ll be introduced to using CSS to add interactivity to hyperlinks with pseudo-classes and use CSS to style navigation in unordered lists. You will practice coding new HTML5 elements that structure web page content.
Inspiration
The Box Model
Resources & Chapter Links
Page Layout Resources
CSS Tutorials
CSS Resources
- CSS Validator
- When can I use...
- QuirksMode
- Position Is Everything
- HTML5 & CSS3 Support
- CSS3 Info
- CSS 3.0 Maker
- One-line CSS Tips
- CSS3 Click Chart
- SitePoint CSS Reference
HTML Topics
- Time Element
- HTML5.1 Draft
- HTML5 Enabling Script
- Github HTML5 Shiv
- Google HTML5 Shim (Google no longer hosts this file)
Explore Further
Visit Modernizr and explore a free open-source JavaScript library that enables backward compatibility for HTML5 and CSS3 in older browsers.
Review Activities
Review game activities are available for this chapter.
Check your knowledge of chapter terms and concepts.
Chapter Updates
- No Updates for this Chapter
Questions or Comments?
The author would like to hear from you! Send an e-mail to webdevfoundations@gmail.com