Homework 3

1. The css box model is talking about the design and layout of html elemnts because all elements can be considered as boxes. The css box model consists of: margins, borders, padding, and the content.

2. The difference between margin and padding is that margin clears an area around the border while the padding clears the area around the content itself.

3. To determine the total height and weight of an html element you must factor the css box model because all elements include it whether you change setting or leave as default. To calculate the width you look at: width + left padding + right padding + left border + right border + left margin + right margin. To calculate the height you look at: height + top padding + bottom padding + top border + bottom border + top margin + bottom margin.

4. If you adding a css property of Padding: 25px 50px the top and bottom will have a padding of 25px and the left and right will have a padding of 50px. That is because of the short cut. Normally the padding syntax is padding: top, right, bottom, left. when there is 4 differnt px sizes but when there is only two like the 25 and 50px thent he top and bottom share the first number of 25 and the left and right share the 50px.