CSS Box Model

After completing this module, you are expected to:

          In the previous module, you have learned some common properties in CSS which helps in the design and layout of a webpage. The properties discussed include setting a background, background images, color, font and text styles.

          In this module, you will get to know how to add border, margin and padding. These properties are used to properly layout your HTML elements. To understand more about layout using CSS, the box model will be used.

          The way our webpage content is displayed matters to readers or users of the page. Just like a word document, we can also set the border, margin and add padding to our web page. Using the box model below, it will guide you in organizing the way you display your page content.

Source: https://www.w3schools.com/css/css_boxmodel.asp.