Chapter 6

CSS Box Model

When viewing the source HTML code of a page, it’s readily apparent that the content is separated using HTML tags. Paragraphs of text are surrounded by <p> and </p> tags, the main navigational menu is surrounded by <nav> and </nav> tags, and so forth. The HTML is defining what content is nested inside what other content on the page—it’s defining the content’s structure. It’s like a rough sketch of the layout of a house, which shows what rooms go where but doesn’t indicate their exact dimensions, color, or other properties of their appearance. The task of describing the appearance of a web page is left to the domain of ...

Get CSS3 Solutions: Essential Techniques for CSS3 Developers now with the O’Reilly learning platform.

O’Reilly members experience live online training, plus books, videos, and digital content from nearly 200 publishers.