Chapter 6 - Box Properties
In this chapter, you will explore the CSS box properties. These properties let you control the margin, padding, and border characteristics of block-level elements. To understand how these properties work, you will first learn about the CSS visual formatting model and the box model. These models control the way content is displayed on a web page. Then you will learn about the margin, padding, and border properties and how you can use them to enhance the display of content in the browser. Finally, you will see how the special box properties—width, height, float, and clear—let you create containers for content that you can position on your web page. These box properties will become the basis for the page layout techniques you will learn about in the next chapter.
When you complete this chapter, you will be able to:
- Understand the CSS visual formatting model
- Use the CSS box model
- Apply the margin properties
- Apply the padding properties
- Apply the border properties
- Use the page layout box properties
- Create a simple page layout
Box Property Examples
Download the Chapter Six activity files.