Week 3: Box Model & Fonts

Agenda

• Zoom Tutorial
  • CSS Units
  • CSS Box Model
  • Padding vs Margin
  • CSS Display property
• In Class
  • Different Types of CSS Selectors
  • CSS Cascade
  • CSS Specificity
  • Fonts

Individual Learning

Box Model & Fonts

Learn about how the box model and how its rendered on the page along with basics of Fonts.

In-Class Tutorial

Weekly Tutorial Files

Together we will begin a deep dive into the fundamentals of CSS.

Deliverables

In-Class 3

CSS Resets

Let's explore a basic CSS Reset to help make our CSS consistent between browsers.

Due: Wed Sept 21, 2022

Assignment 3

Buttons

Create a reusable button class that can easily adapt with simple modifier classes.

Due: Sun Sept 25, 2022