Chapter 12. Creating Fixed or Liquid Layouts
What You’ll Learn in This Chapter:
▸ How fixed layouts work
▸ How liquid layouts work
▸ How to create a fixed/liquid hybrid layout
▸ How to think about and begin to implement a responsive design
So far, you’ve learned a lot about styling web content, from font sizes and colors to images, block elements, lists, and more. But what we haven’t yet discussed is a high-level overview of page layout. In general, there are two types of layouts: fixed and liquid. But it’s also possible to use a combination of the two, with some elements fixed and others liquid.
In this chapter, you’ll first learn about the characteristics of these two types of layouts and see a few examples of websites that use them. At the ...
Get HTML, CSS and JavaScript All in One, Sams Teach Yourself: Covering HTML5, CSS3, and jQuery, 2nd Edition now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
