C6 Notes.docx - These properties will allow you to control the margin padding and border characteristics of blocklevel elements To understand how these

C6 Notes.docx - These properties will allow you to control...

This preview shows page 1 - 3 out of 5 pages.

These properties will allow you to 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 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 they can be used 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 technique that you will learn about in the next chapter. In this chapter, you will learn about: 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 Key Term English border properties CSS properties that let you control the appearance of borders around elements. box model A CSS element that describes the rectangular boxes containing content on a web page. containing box The containing rectangle, or parent element, of any child element. The absolute containing element is the window area of the browser. All other elements are displayed within this containing box, which equates to the <body> element of an HTML
Image of page 1
document. Within <body>, elements such as <div> or
Image of page 2
Image of page 3

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture