Set the #text colour to #333333.
Acceptance criteria
- 1.Set the #text colour to #333333.
CSS Tutorial · CSS Text & Fonts
These 10 tasks go with the CSS Text Color 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: “The CSS Text Color property is used to change the color of text displayed on a webpage.” Read the chapter.
1.Colour a paragraphexercise · easy · 10 min
Set the #text colour to #333333.
Passes when: Set the #text colour to #333333.
2.Colour a headingexercise · easy · 10 min · practice plan
Make the #title navy.
Passes when: Make the #title navy.
3.Let colour inheritexercise · easy · 10 min · practice plan
Set the colour once on #wrap so #text inherits it.
Passes when: Set the colour once on #wrap so #text inherits it.
4.Soften the textexercise · easy · 10 min · practice plan
Make #text black at 60% opacity using rgba.
Passes when: Make #text black at 60% opacity using rgba.
5.Style heading and bodyexercise · medium · 10 min · practice plan
Navy heading, #555555 paragraph.
Passes when: Navy heading, #555555 paragraph.
6.Fix the background used for textbug fix · easy · 8 min
The text colour is set with color.
Passes when: The text colour is set with color.
7.Fix the misspelled colour namebug fix · easy · 8 min · practice plan
That is not a recognised colour keyword.
Passes when: That is not a recognised colour keyword.
8.Fix the colour that will not inheritbug fix · easy · 8 min · practice plan
Setting it on the paragraph alone skips the rest of the wrapper.
Passes when: Setting it on the paragraph alone skips the rest of the wrapper.
9.Fix the missing alphabug fix · easy · 8 min · practice plan
A three-argument rgba is fully opaque.
Passes when: A three-argument rgba is fully opaque.
10.Fix the swapped rulesbug fix · easy · 8 min · practice plan
The heading should be navy and the paragraph grey.
Passes when: The heading should be navy and the paragraph grey.
Between them these tasks cover Setting text color, Inheritance and Translucent text.
Looking for a different chapter? See every practice set, or switch to the interview theory questions.