Web Development & Design Foundations with HTML5

Skip to Content 9th Edition

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.


The Box Model

The Box Model
Little Boxes

Resources & Chapter Links

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