Understand the CSS box model

Every element in web design is a rectangular box.

 

 

To see every single "box" that makes up a page put this in <head> of your page:

<style>
* { border: 1px solid red !important; }
</style>

For more details about the box model visit: https://css-tricks.com/the-css-box-model/ or simply search "CSS Box Model"

 

Assignment: Add the style tag above to one of your web pages (Zork if completed) to see the CSS boxes for your elements.

results matching ""

    No results matching ""