Zip file:
Screenshot:
Learning log:
I was very curious about the CSS box model, so I read "The CSS Box Model." The box model consists of four layers from the inside out: content, padding, border, and margin. The primary parameters of a box are width and height. One important concept I learned about is regarding undeclared width values. Undeclared width will remain at 100% in static and absolute situations, but when declared as 100%, padding will cause the box to extend beyond. For float boxes, the box is only as wide as it needs to be to accommodate the content, up to the width of its parent element. This is also very important.