M5 CSS box modelIncluding the Box Model- margins, padding, and positioning. Explore browser compatibility issues.
Student Outcomes
|
Recap:
In this module, we reviewed how to link external css file to our HTML file. We learned why it is called "CSS" box model. How size is calculated, how margin, padding, and border affect the total size of your item. We also learned about browser compatibility issue, and how to use normalize.css to make it consistent.
In this module, we reviewed how to link external css file to our HTML file. We learned why it is called "CSS" box model. How size is calculated, how margin, padding, and border affect the total size of your item. We also learned about browser compatibility issue, and how to use normalize.css to make it consistent.
Activities
In the class, we will continue working on our style sheet to style our personal page. We should be able to set up a different background color for each section. Style our navigation and footer. We will learn how to use "column-count" and "column-gap" to set our paragraphs. Our personal page should start shaping up.
- Assignment 5.1: Working as a group start your home page and one sub page. Divide the task.
- Topic 5.1: What are the benefits of using an external style sheet? When would you want to use page-level styles instead?