Why repeating styles by hand becomes messy
Full lesson content unlocks in the student player.
CSS Foundations · Lesson 7 of 11
Classes and Reusable Styles
Use CSS classes to repeat styling on purpose instead of rewriting the same visual rule over and over.
Starter
4 practice exercises
1 homework item
What you will learn
- Explain what a CSS class does.
- Recognize a class selector that begins with a dot.
- Understand why reusable styles help a growing page stay consistent.
- Connect a class in HTML with the matching CSS rule.
Lesson shape
15 minute lesson with 5 sections, 4 exercises, 5 checkpoint questions, and 1 homework submission.
This track requires the Starter plan.
Lesson outline
What this lesson includes
This lesson is available with the Starter membership. Create an account to open the full student player, exercises, quiz, and completion tracking.
What a class is in simple language
Full lesson content unlocks in the student player.
HTML and CSS working together
Full lesson content unlocks in the student player.
Why consistency improves the page
Full lesson content unlocks in the student player.
What to remember before lesson 8
Full lesson content unlocks in the student player.
Homework
Assignments attached to this lesson
Text response
Open homework
Classes and Reusable Styles: quick check
Write a short beginner explanation of the main idea from Classes and Reusable Styles.
Keep moving
Finish this lesson, then move forward without losing your place.
Use the student player for saved sections, safe practice, quiz progress, and completion tracking.