CSS Exercises
Test your CSS skills with exercises from all categories:
Exercises
Syntax6 exercises
Selectors6 exercises
Selectors Grouping3 exercises
How To4 exercises
How To - Internal2 exercises
How To - Inline2 exercises
How To - Multiple and Cascade3 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
Padding7 exercises
Padding box-sizing1 exercises
Height and Width5 exercises
Height and Width3 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
Decoration Styles4 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
Display6 exercises
Display / Hide3 exercises
Max Width5 exercises
Position Static / Relative5 exercises
Position Fixed / Absolute5 exercises
Position Sticky4 exercises
Z-index6 exercises
Overflow6 exercises
Overflow X/Y4 exercises
Float4 exercises
Clear7 exercises
Inline-block4 exercises
Align Horizontal5 exercises
Align Vertical5 exercises
Combinators9 exercises
Pseudo Classes Interactive8 exercises
Pseudo Classes Structural5 exercises
Pseudo Elements Text5 exercises
Pseudo Elements Content7 exercises
Opacity9 exercises
Dropdowns4 exercises
Advanced Dropdowns4 exercises
Attribute Selectors5 exercises
Attribute Selectors Advanced5 exercises
Form Inputs5 exercises
Form Focus/Icons4 exercises
Form Elements4 exercises
Counters4 exercises
Counters Nested3 exercises
Units Absolute4 exercises
Units Relative6 exercises
Specificity5 exercises
Specificity Hierarchy3 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 Transforms5 exercises
2D Transform Scale4 exercises
2D Transform Skew4 exercises
3D Transforms6 exercises
Transitions4 exercises
Transition Timing5 exercises
Animations3 exercises
Animation Timing5 exercises
Animation Properties4 exercises
Tooltips4 exercises
Tooltip Arrows4 exercises
Images5 exercises
Image Effects4 exercises
Image Hover4 exercises
Image Centering4 exercises
Image Filters8 exercises
Image Shapes8 exercises
Object Fit6 exercises
Object Position3 exercises
Masking5 exercises
Buttons5 exercises
Button Hover4 exercises
Button Groups4 exercises
Pagination4 exercises
Pagination Styles4 exercises
Multiple Columns4 exercises
Multiple Column Rules5 exercises
User Interface4 exercises
Variables6 exercises
The property Rule4 exercises
Box Sizing5 exercises
Media Queries6 exercises
Flexbox3 exercises
Flex Container4 exercises
Flexbox Justify4 exercises
Flexbox Align4 exercises
Flex Items6 exercises
Flex Responsive3 exercises
Grid Columns and Rows7 exercises
Grid Container8 exercises
Grid Align Content4 exercises
Grid Item6 exercises
RWD Intro3 exercises
RWD Viewport4 exercises
RWD Grid View3 exercises
RWD Media Queries4 exercises
RWD Images4 exercises
RWD Videos3 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.
