Class 2

Topic: CSS 101

Demo of CSS 101
  • CSS Basics
    • Selector, property, rule
    • Multiple key value pairs
  • Text Properties
    • Color
    • Font-family (+ Google Fonts)
    • Font-weight
    • Font-style
    • Font-size(em, px)
    • Text-align
  • Background Properties
    • Background-color
    • Background-image
  • Border
    • Weight
    • Style
    • Color
Mini Challenge

  • Cascading/Specificity
  • Inheritance
  • Parent Child Relationships
  • Linking CSS Files
Mini Challenge

Topic: CSS 102

Demo of CSS 102
  • The box model
    • content
    • border
    • padding
    • margin
  • Display
    • block
    • inline
    • inline-block
  • Positioning
    • static
    • fixed
    • relative
    • absolute
  • Float
  • Mini Challenge 1

Resources