Lab 4

Create a web page named lab4.html. This web page will be an FAQ concerning the CSS box model. In your page, respond to each of the following questions as a new paragraph.

Q: What is the CSS box model?

Q:What is the difference between margin and padding?

Q:How is an HTML element height and width determined?

Q: Explain this CSS property: padding:25px 50px;

Q:What is the difference between a border and an outline?

The web page should be styled using an external CSS file named lab4.css. In your stylesheet file demonstrate an understanding of the box model by incorporating the following into your web page. Refer to CSS Reference: Property Groups for reference as needed. Surround each of your answers to the above questions in a DIV tag. In this DIV area:

1. Set the margin and padding.
2. Set the height and width.
3. Set the border and outline.
4. Add a background image or color.
5. Set the color of the text to a color visible on the image.
6. Justify the text in the DIV area.