Courses
HTML and CSS for Beginners: Build a Page That Looks Right in the Browser
Check Yourself: Making It Look Like a Real Page
Five scenario questions on cascade, specificity and DevTools. If you miss more than one, go back to the lesson that covers it.
Course content
Join this Course
Sign in to save your progress.
-
Before You Write Markup
-
What HTML and CSS Actually Do in Your Browser
-
Your First Page: Save It, Open It, See It Break
-
-
-
HTML You Cannot Skip
-
Tags, Elements and Attributes Without the Fog
-
Headings, Paragraphs, Links and Images That Mean Something
-
Semantic HTML: Stop Wrapping Everything in a Div
-
-
-
Structure That Helps the Reader
-
Lists and Tables When You Actually Need Them
-
Forms That Submit Without Confusing the User
-
-
-
CSS Basics You Cannot Skip
-
Selectors, Classes and Why Inline Styles Bite You Later
-
The Box Model: Margin, Border, Padding, Content
-
Colors, Fonts and Units That Don't Fight You
-
-
-
Making It Look Like a Real Page
-
Cascade and Specificity Without Guessing
-
Inspect and Fix Styles in Browser DevTools
-
-
- Final Check: HTML and CSS for Beginners
1.
p { color: black } and .lead { color: #034bff } both match <p class="lead">. Which colour wins?
2.
Two .price rules set different colours. Specificity matches. Which wins?
3.
Your stylesheet rule is struck through in DevTools and an inline style is winning. What should you do first?
4.
The page looks unstyled and Network shows styles.css as 404. What's wrong?
5.
Computed says margin-top is 16px but you wrote 24px in a rule that is struck through. What does that mean?
About
Five scenario questions on cascade, specificity and DevTools. If you miss more than one, go back to the lesson that covers it.
- Duration
- 5 min
- Last update
- 08/12/2026
Was this helpful?
0
0
Comments (0)
Sign in to commentNo comments yet.