Introduction
  • Course Achievements & Results
  • Introduction to Course
  • Course Prerequisites (MUST READ)
  • Downloading Necessary Software
  • Where to Find Project Files
CSS Introduction
  • What is CSS?
  • Creating & Linking a CSS Stylesheet
  • How to Test a Stylesheet
  • Chapter Quiz
Selectors & Properties
  • What is a Selector?
  • Classes & ID's in HTML
  • Specificity & When to use Selectors
  • Pseudoselectors
  • Advanced Selectors
  • Attribute Selectors
  • What are Properties?
  • The CSS General Rule
  • Chapter Quiz
Coloring & Formatting
  • Types of Colors
  • Coloring Text
  • Background Colors
  • Images/URL's in CSS
  • Other Background Properties
  • Opacity/Transparency
  • Gradients
  • Chapter Quiz
Fonts & Text Manipulation
  • Introduction to Types of Units
  • Text Manipulation
  • Font Size, Bolding & Style
  • Font Families
  • Including External Fonts w/ Google Fonts
  • Using External Fonts
  • Chapter Quiz
Layout
  • The CSS Box Model
  • Changing Content Size
  • CSS Borders
  • Margin & Padding
  • Float & Display Types
  • Chapter Quiz
CSS Flexbox
  • What is Flexbox?
  • Creating a Flex Container
  • Flex Direction & Wrap
  • Content Alignment
  • Flex Item Order
  • Shrink, Grow, & Basis
  • The 'flex' Property
  • Item Alignment
  • Chapter Quiz
CSS Grid
  • Grid vs Flexbox
  • Creating a Grid
  • Template Columns & Rows
  • Justify & Align Grid
  • Note about Next Lecture
  • Row & Column Gaps
  • Column & Row Lines
  • Grid Area
  • Chapter Quiz
Animations & Transitions
  • The Transition Property
  • Note about New Property Prefixes
  • Transformation Functions
  • Creating Animations w/ Keyframes
  • Adding an Animation
  • Animation Properties
  • Chapter Quiz
Final Exam & Challenge
  • CSS Final Exam
  • Website Transformation Challenge
  • Website Transformation: SOLUTION
  • What to Learn Next
  • Bonus Lecture: Continue your Learning