Skip to main content

CSS Box Model

  • Chapter
  • First Online:
CSS3 Solutions

Abstract

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 CSS.

This is a preview of subscription content, log in via an institution to check access.

Access this chapter

Chapter
USD 29.95
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
eBook
USD 34.99
Price excludes VAT (USA)
  • Available as EPUB and PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book
USD 44.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Purchases are for personal use only

Institutional subscriptions

Notes

  1. 1.

    1 In Firefox, the calc() notation requires a vendor prefix, so only –moz-calc() will be recognized.

Author information

Authors and Affiliations

Authors

Rights and permissions

Reprints and permissions

Copyright information

© 2012 Marco Casario

About this chapter

Cite this chapter

Casario, M. et al. (2012). CSS Box Model . In: CSS3 Solutions. Apress, Berkeley, CA. https://doi.org/10.1007/978-1-4302-4336-6_6

Download citation

Publish with us

Policies and ethics