Intro to CSS

Selectors

• Tag
• Class
• ID

Tag selectors

• body
• h1
• p

Class Selectors

ID Selectors

Box Model

More than one element?

Understanding Z-index

Normal Rendering

Layer 0

what if ...

Add more layers

+ number

+ closer

Simple rule 👀

More concepts to know

• Flexbox (link)
• Grid (link)
• Media queries

Resources to look at

• MDN
• CSS Tricks
• W3 Schools
• https://debuggingcss.com/