Week 4 ยท 45-60 min

Introduction to CSS

Week Summary

A quick preview of the main ideas in this week before you begin the slides.

  • What Is CSS?
  • Ways to Add CSS
  • CSS Selectors Basics
  • Basic Styling Properties

Glossary

Review these key terms before starting this week. They are kept simple so students can learn the new vocabulary before moving into the slides.

What Is CSS?
What Is CSS?
Ways to Add CSS
Ways to Add CSS
CSS Selectors Basics
CSS Selectors Basics
Slide 1๐Ÿ’ก

What Is CSS?

Learning goal

Style HTML content using basic CSS.

Read one card at a time. Focus on the main idea first, then look at the visual on the right to help it stick.

CSS stands for Cascading Style Sheets.

It controls the visual appearance of HTML.

It separates content from styling.

It can change colors, fonts, spacing, and layout.

It works with HTML to create finished pages.

Remember

CSS controls how HTML content looks on the page.

What Is CSS?

What Is CSS?

Slide 1 of 8

Use arrows or dots to move through the lesson

Practice

  1. Write 2-3 sentences about what you learned this week.

Coming Next Week: Next: The CSS Box Model and Layout