CSET-110:
More CSS

Today, we're going to learn more details about CSS.

In particular, we'll discuss how different styles are applied if there are conflicting rules using CSS cascade model, rule inheritance, and selector specificity. We'll dive deeper into selectors in order to target more complex patterns of elements. And then we'll explore the Box Model to start learning properties related to page layouts.

Readings

All the readings today are part of MDN's guide on CSS Building Blocks. There are more articles on this page that we won't read, but you might find extremely helpful like organizing your styles, debugging tips, and more info on units and values.

1. Cascade, Inheritance, and Specificity
2. Overview of Selectors
   1. Element, Class, and ID Selectors
   2. Attribute Selectors
   3. Pseudo-Class and Pseudo-Element Selectors
   4. Combinators
3. The Box Model

Lab

1. Fundamental CSS Comprehension: Business Card
2. Creating Letterhead