CSS Exercises
Test your CSS skills with exercises from all categories:
Exercises
Syntax6 exercises
Selectors9 exercises
How To9 exercises
Comments5 exercises
Colors5 exercises
RGB5 exercises
HEX7 exercises
HSL6 exercises
Background Color7 exercises
Background Image6 exercises
Background Repeat6 exercises
Background Attachment5 exercises
Background Shorthand6 exercises
Border5 exercises
Border Width6 exercises
Border Color6 exercises
Border Sides5 exercises
Border Shorthand5 exercises
Rounded Borders5 exercises
Margins8 exercises
Margin Collapse3 exercises
Padding8 exercises
Height and Width8 exercises
Box Model8 exercises
Outline4 exercises
Outline Width6 exercises
Outline Color6 exercises
Outline Shorthand3 exercises
Outline Offset4 exercises
Text5 exercises
Text Alignment7 exercises
Text Decoration7 exercises
Text Transformation5 exercises
Text Spacing6 exercises
Text Shadow5 exercises
Font Family6 exercises
Web Safe Fonts5 exercises
Font Style8 exercises
Font Size7 exercises
Font Shorthand3 exercises
Icons3 exercises
Links8 exercises
Lists8 exercises
Tables6 exercises
Table Size4 exercises
Table Alignment7 exercises
Table Style6 exercises
Table Responsive5 exercises
Display9 exercises
Max Width5 exercises
Position9 exercises
Z-index6 exercises
Overflow9 exercises
Float4 exercises
Clear7 exercises
Inline-block4 exercises
Align8 exercises
Combinators9 exercises
Pseudo Classes9 exercises
Pseudo Elements9 exercises
Opacity9 exercises
Attribute Selectors8 exercises
Forms7 exercises
Counters5 exercises
Units7 exercises
Specificity5 exercises
!important5 exercises
Math Functions9 exercises
Rounded Corners8 exercises
Border Images6 exercises
Multiple Backgrounds9 exercises
Colors9 exercises
Color Keywords7 exercises
Linear Gradients8 exercises
Radial Gradients8 exercises
Conic Gradients4 exercises
Shadow Effects7 exercises
Box Shadow5 exercises
Text Effects9 exercises
Web Fonts5 exercises
2D Transforms9 exercises
3D Transforms6 exercises
Transitions9 exercises
Animations9 exercises
Images5 exercises
Image Centering4 exercises
Image Filters8 exercises
Image Shapes8 exercises
Object Fit6 exercises
Object Position3 exercises
Masking5 exercises
Multiple Columns7 exercises
User Interface4 exercises
Variables6 exercises
The property Rule4 exercises
Box Sizing5 exercises
Media Queries6 exercises
Flexbox3 exercises
Flex Container7 exercises
Flex Items6 exercises
Flex Responsive3 exercises
RWD Intro3 exercises
RWD Viewport4 exercises
RWD Grid View3 exercises
RWD Media Queries4 exercises
RWD Images4 exercises
RWD Videos3 exercises
Grid Columns and Rows7 exercises
Grid Container8 exercises
Grid Item6 exercises
The Exercise
The exercises are a mix of "multiple choice" and "fill in the blanks" questions. There are between 3 and 9 questions in each category. The answer can be found in the corresponding tutorial chapter. If you're stuck, or answer wrong, you can try again or hit the "Show Answer" button to see the correct answer.