Exercise v3.0

×

×

Correct!

Set the text color to red, for all <p> elements.

<style> @(1) { @(6) red; } </style>

<style> p { color: red; } </style>

Not Correct

Click here to try again.

Correct!

Go to w3schools.com

Reset Score

Close This Menu

CSS Selectors

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS Selectors Tutorial

CSS How To...

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS How To... Tutorial

CSS Background

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Go to CSS Background Tutorial

CSS Border

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS Border Tutorial

CSS Margin

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS Margin Tutorial

CSS Padding

Exercise 1 Exercise 2 Exercise 3 Go to CSS Padding Tutorial

CSS Height/Width

Exercise 1 Exercise 2 Go to CSS Height/Width Tutorial

CSS Box Model

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS Box Model Tutorial

CSS Outline

Exercise 1 Exercise 2 Exercise 3 Go to CSS Outline Tutorial

CSS Text

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Go to CSS Text Tutorial

CSS Font

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Go to CSS Font Tutorial

CSS Links

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS Links Tutorial

CSS Lists

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS Lists Tutorial

CSS Tables

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Exercise 6 Go to CSS Tables Tutorial

CSS Display/Visibility

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS Display/Visibility Tutorial

CSS Positioning

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS Positioning Tutorial

CSS Z-index

Exercise 1 Go to CSS Z-index Tutorial

CSS Overflow

Exercise 1 Exercise 2 Exercise 3 Go to CSS Overflow Tutorial

CSS Align

Exercise 1 Exercise 2 Go to CSS Align Tutorial

CSS Combinators

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS Combinators Tutorial

CSS Pseudo-classes

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS Pseudo-classes Tutorial

CSS Pseudo-elements

Exercise 1 Exercise 2 Exercise 3 Go to CSS Pseudo-elements Tutorial

CSS Opacity

Exercise 1 Exercise 2 Go to CSS Opacity Tutorial

CSS Attribute Selectors

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Exercise 6 Go to CSS Attribute Selectors Tutorial

CSS Rounded Corners

Exercise 1 Exercise 2 Go to CSS Rounded Corners Tutorial

CSS Border Images

Exercise 1 Exercise 2 Go to CSS Border Images Tutorial

CSS Backgrounds

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Go to CSS Backgrounds Tutorial

CSS Colors

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS Colors Tutorial

CSS Gradients

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Exercise 6 Exercise 7 Go to CSS Gradients Tutorial

CSS Shadow Effects

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Go to CSS Shadow Effects Tutorial

CSS Text Effects

Exercise 1 Exercise 2 Exercise 3 Go to CSS Text Effects Tutorial

CSS Web Fonts

Exercise 1 Exercise 2 Go to CSS Web Fonts Tutorial

CSS 2D Transforms

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS 2D Transforms Tutorial

CSS 3D Transforms

Exercise 1 Exercise 2 Exercise 3 Go to CSS 3D Transforms Tutorial

CSS Transitions

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Go to CSS Transitions Tutorial

CSS Animations

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Exercise 6 Go to CSS Animations Tutorial

×

Reset the Score?

This will reset the score of ALL 138 exercises.

Are you sure you want to continue?

×

Congratulations!

You have finished all 138 CSS exercises.

Share your score:

Get Certified!

Take our CSS Developer Certificate to prove that you have fundamental knowledge of web development using CSS.