Week 2 Day 1

CSS and Box Model

• Select nested elements to apply styling.

• Apply inline and block attributes to a page.

• Define CSS Box Model, and demonstrate the ability to properly manipulate the "box" around tags.

• Describe and identify use cases for normalize.css and reset.css files.

• Slides

• Exercises

Additional Resources

• https://css-tricks.com/the-css-box-model/ (reading)
• https://www.youtube.com/playlist?list=PLWjCJDeWfDdeEM254gHVHz26yswh59Hih (videos)
• http://guyroutledge.github.io/box-model/
• http://markusvogl.com/web1/interactive_box_model/css_box_demo.html