Skip to main content

Introducing new learning courses and educational videos from Apress. Start watching

CSS Box Model

  • 1053 Accesses

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.

Keywords

  • Source Image
  • Background Image
  • Rounded Corner
  • Code Snippet
  • Multiple Background

These keywords were added by machine and not by the authors. This process is experimental and the keywords may be updated as the learning algorithm improves.

This is a preview of subscription content, access via your institution.

Buying options

Chapter
USD   29.95
Price excludes VAT (USA)
  • DOI: 10.1007/978-1-4302-4336-6_6
  • Chapter length: 26 pages
  • Instant PDF download
  • Readable on all devices
  • Own it forever
  • Exclusive offer for individuals only
  • Tax calculation will be finalised during checkout
eBook
USD   34.99
Price excludes VAT (USA)
  • ISBN: 978-1-4302-4336-6
  • Instant PDF download
  • Readable on all devices
  • Own it forever
  • Exclusive offer for individuals only
  • Tax calculation will be finalised during checkout
Softcover Book
USD   44.99
Price excludes VAT (USA)
Figure 6-1.
Figure 6-2.
Figure 6-3.
Figure 6-4.
Figure 6-5.
Figure 6-6.
Figure 6-7.
Figure 6-8.
Figure 6-9.
Figure 6-10.
Figure 6-11.
Figure 6-12.
Figure 6-13.
Figure 6-14.
Figure 6-15.
Figure 6-16.

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