CSS Exercises

Cavalry · 2026-03-01T09:58:22+00:00

CSS Exercises Test your CSS skills with exercises from all categories: Exercises Tip: Sign in to track your progress. 0/152 done Syntax6 exercises OpenDoneSelectors6 exercises OpenDoneSelectors Grouping3 exercises OpenDoneHow To4 exercises OpenDoneHow To - Internal2 exercises OpenDoneHow To - Inline2 exercises OpenDoneHow To - Multiple and Cascade3 exercises OpenDoneComments5 exercises OpenDoneColors5 exercises OpenDoneRGB5 exercises OpenDoneHEX7 exercises OpenDoneHSL6 exercises OpenDoneBackground Color7 exercises OpenDoneBackground Image6 exercises OpenDoneBackground Repeat6 exercises OpenDoneBackground Attachment5 exercises OpenDoneBackground Shorthand6 exercises OpenDoneBorder5 exercises OpenDoneBorder Width6 exercises OpenDoneBorder Color6 exercises OpenDoneBorder Sides5 exercises OpenDoneBorder Shorthand5 exercises OpenDoneRounded Borders5 exercises OpenDoneMargins8 exercises OpenDoneMargin Collapse3 exercises OpenDonePadding7 exercises OpenDonePadding box-sizing1 exercises OpenDoneHeight and Width5 exercises OpenDoneHeight and Width3 exercises OpenDoneBox Model8 exercises OpenDoneOutline4 exercises OpenDoneOutline Width6 exercises OpenDoneOutline Color6 exercises OpenDoneOutline Shorthand3 exercises OpenDoneOutline Offset4 exercises OpenDoneText5 exercises OpenDoneText Alignment7 exercises OpenDoneText Decoration7 exercises OpenDoneDecoration Styles4 exercises OpenDoneText Transformation5 exercises OpenDoneText Spacing6 exercises OpenDoneText Shadow5 exercises OpenDoneFont Family6 exercises OpenDoneWeb Safe Fonts5 exercises OpenDoneFont Style8 exercises OpenDoneFont Size7 exercises OpenDoneFont Shorthand3 exercises OpenDoneIcons3 exercises OpenDoneLinks8 exercises OpenDoneLists8 exercises OpenDoneTables6 exercises OpenDoneTable Size4 exercises OpenDoneTable Alignment7 exercises OpenDoneTable Style6 exercises OpenDoneTable Responsive5 exercises OpenDoneDisplay6 exercises OpenDoneDisplay / Hide3 exercises OpenDoneMax Width5 exercises OpenDonePosition Static / Relative5 exercises OpenDonePosition Fixed / Absolute5 exercises OpenDonePosition Sticky4 exercises OpenDoneZ-index6 exercises OpenDoneOverflow6 exercises OpenDoneOverflow X/Y4 exercises OpenDoneFloat4 exercises OpenDoneClear7 exercises OpenDoneInline-block4 exercises OpenDoneAlign Horizontal5 exercises OpenDoneAlign Vertical5 exercises OpenDoneCombinators9 exercises OpenDonePseudo Classes Interactive8 exercises OpenDonePseudo Classes Structural5 exercises OpenDonePseudo Elements Text5 exercises OpenDonePseudo Elements Content7 exercises OpenDoneOpacity9 exercises OpenDoneVertical Navbar4 exercises OpenDoneHorizontal Navbar4 exercises OpenDoneDropdowns4 exercises OpenDoneAdvanced Dropdowns4 exercises OpenDoneAttribute Selectors5 exercises OpenDoneAttribute Selectors Advanced5 exercises OpenDoneForm Inputs5 exercises OpenDoneForm Focus/Icons4 exercises OpenDoneForm Elements4 exercises OpenDoneCounters4 exercises OpenDoneCounters Nested3 exercises OpenDoneUnits Absolute4 exercises OpenDoneUnits Relative6 exercises OpenDoneSpecificity5 exercises OpenDoneSpecificity Hierarchy3 exercises OpenDone!important5 exercises OpenDoneMath Functions9 exercises OpenDoneRounded Corners8 exercises OpenDoneBorder Images6 exercises OpenDoneMultiple Backgrounds9 exercises OpenDoneColors9 exercises OpenDoneColor Keywords7 exercises OpenDoneLinear Gradients8 exercises OpenDoneRadial Gradients8 exercises OpenDoneConic Gradients4 exercises OpenDoneShadow Effects7 exercises OpenDoneBox Shadow5 exercises OpenDoneText Effects9 exercises OpenDoneWeb Fonts5 exercises OpenDone2D Transforms5 exercises OpenDone2D Transform Scale4 exercises OpenDone2D Transform Skew4 exercises OpenDone3D Transforms6 exercises OpenDoneTransitions4 exercises OpenDoneTransition Timing5 exercises OpenDoneAnimations3 exercises OpenDoneAnimation Timing5 exercises OpenDoneAnimation Properties4 exercises OpenDoneTooltips4 exercises OpenDoneTooltip Arrows4 exercises OpenDoneImages5 exercises OpenDoneImage Effects4 exercises OpenDoneImage Hover4 exercises OpenDoneImage Centering4 exercises OpenDoneImage Filters8 exercises OpenDoneImage Shapes8 exercises OpenDoneObject Fit6 exercises OpenDoneObject Position3 exercises OpenDoneMasking5 exercises OpenDoneButtons5 exercises OpenDoneButton Hover4 exercises OpenDoneButton Groups4 exercises OpenDonePagination4 exercises OpenDonePagination Styles4 exercises OpenDoneMultiple Columns4 exercises OpenDoneMultiple Column Rules5 exercises OpenDoneUser Interface4 exercises OpenDoneVariables6 exercises OpenDoneThe property Rule4 exercises OpenDoneBox Sizing5 exercises OpenDoneMedia Queries6 exercises OpenDoneFlexbox3 exercises OpenDoneFlex Container4 exercises OpenDoneFlexbox Justify4 exercises OpenDoneFlexbox Align4 exercises OpenDoneFlex Items6 exercises OpenDoneFlex Responsive3 exercises OpenDoneGrid Columns and Rows7 exercises OpenDoneGrid Container8 exercises OpenDoneGrid Align Content4 exercises OpenDoneGrid Item6 exercises OpenDoneRWD Intro3 exercises OpenDoneRWD Viewport4 exercises OpenDoneRWD Grid View3 exercises OpenDoneRWD Media Queries4 exercises OpenDoneRWD Images4 exercises OpenDoneRWD Videos3 exercises OpenDone Log in to track your progress If you haven't already, sign up to become a W3Schooler, and get points for every exercise you complete. As a logged-in W3Schools user you will have access to many features like having your own web page, track your learning progress, receive personal guided paths, and more. 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. Kickstart your career Get certified by completing the course Get certified ★ +1 Sign in to track progress