The “Box Model” is a block-level element manipulated by using a combination of properties which include margin, border, padding, height, and width values. A visual of these properties as they appear together can be seen in Figure 4.24, on page 147 of Ian Lloyd’s text, Build Your Own Website The Right Way Using HTML & CSS.
Margins and padding are “block elements” (elements that do not have a limited range of styling options) that can be defined in a CSS document. A variety of border styles, as well as, padding can be applied to margins using pixels, ems, or percentage values. However, padding (extra buffer space between margins/borders and content) is not assigned a style or color that is visually displayed like borders. This information and html code is explained in pages 125-146 of Ian Lloyd’s text, Build Your Own Website The Right Way Using HTML & CSS.