Make the #title blue.
Acceptance criteria
- 1.Make the #title blue.
CSS Tutorial · CSS Introduction
These 10 tasks go with the What is CSS chapter. 5 of them ask you to build something small from scratch; 5 give you code that is already broken and ask you to work out why. Set aside about 90 minutes for the whole set, though you can do them in any order.
Nothing here is marked by a person. When you press Submit, the editor checks your code against the points listed under each task and tells you straight away what passed and what didn't (you need a free account to submit). If you get stuck, there are hints, and a worked solution once you've had a go. The first 2 tasks are free; the rest are part of the practice plan.
If it's been a while since you read the chapter, here is how it starts: “Learn how CSS controls presentation, layout, spacing, typography, color, and responsive behavior while HTML continues to provide the document structure.” Read the chapter.
1.Write your first ruleexercise · easy · 10 min
Make the #title blue.
Passes when: Make the #title blue.
2.Change a backgroundexercise · easy · 10 min · practice plan
Give #wrap a #f5f5f5 background.
Passes when: Give #wrap a #f5f5f5 background.
3.Resize some textexercise · easy · 10 min · practice plan
Make #text 20px.
Passes when: Make #text 20px.
4.Add a borderexercise · easy · 10 min · practice plan
Give #wrap a 2px solid black border.
Passes when: Give #wrap a 2px solid black border.
5.Style a small pageexercise · medium · 10 min · practice plan
Blue heading, 20px body text, padded wrapper.
Passes when: Blue heading, 20px body text, padded wrapper.
6.Fix the missing selectorbug fix · easy · 8 min
A rule needs a selector before its braces.
Passes when: A rule needs a selector before its braces.
7.Fix the wrong propertybug fix · easy · 8 min · practice plan
An element's fill is set with background-color.
Passes when: An element's fill is set with background-color.
8.Fix the missing unitbug fix · easy · 8 min · practice plan
A font size needs a unit.
Passes when: A font size needs a unit.
9.Fix the border with no stylebug fix · easy · 8 min · practice plan
A border needs a style to be drawn.
Passes when: A border needs a style to be drawn.
10.Fix the rule on the wrong elementbug fix · easy · 8 min · practice plan
The heading should be blue, not the paragraph.
Passes when: The heading should be blue, not the paragraph.
Between them these tasks cover Applying a first rule, Color and typography and Boxes.
Looking for a different chapter? See every practice set, or switch to the interview theory questions.