Introduction to CSS and advanced HTML tags.

https://oval-webdev.netlify.app/chapter-1.3.html

  • Prepare the course reader
  • Prepare the slides
  • Prepare the discussion activities
  • Prepare a case-study

00:00 - Review from previous week

  • Version Control
  • Github
  • Repositories
  • Creating a project and pushing
  • Basic HTML structure and syntax

00:15 - Around the Zoom / Homework Showcase

  • Portfolio Repo
  • HTML Document
  • Site Walkthrough

Each student should not take more than 3 minutes.

00:35 - What is CSS?

  • Selectors
  • Properties
  • Values
  • Linking HTML and CSS
  • CSS Resets

00:45 - Break & Questions

  • If none of the students have questions, stay on camera and available so they can approach you if anything comes up.

00:55 - Selectors

  • Type
  • Class
  • ID

01:05 - The Cascade & Combining Selectors

  • Overview of Cascade
  • Selector Specificity Weight
  • Combining Selectors
  • Calculating Specificity with Combined Selectors
  • Layering Styles

01:20 - Common CSS Properties

  • Colors
    • Keyword
    • Hexadecimal
    • RGB & RGBa
    • HSL & HSLa
  • Lengths
    • Absolute
      • Pixels
    • Relative
      • Percentages
      • Em

01:30 - Box Model

  • Display
  • What is the Box Model?
  • width, height, margin, padding
  • Shorthand vs. Longhand
  • Borders

01:45 - Advanced HTML Tags

  • Tags
    • Links
    • Text Formatting
    • Images
  • Miscaellenous Tags of your choosing

01:55 - Homework Instructions & Questions

  • TBD