CSS Exercises
Exercises
Test your CSS skills with exercises from all categories:
Syntax
Selectors
How To
Comments
Colors
RGB
HEX
HSL
Background Color
Background Image
Background Repeat
Background Attachment
Background Shorthand
Border
Border Width
Border Color
Border Sides
Border Shorthand
Rounded Borders
Margins
Margin Collapse
Padding
Height and Width
Box Model
Outline
Outline Width
Outline Color
Outline Shorthand
Outline Offset
Text
Text Alignment
Text Decoration
Text Transformation
Text Spacing
Text Shadow
Font Family
Web Safe Fonts
Font Style
Font Size
Font Shorthand
Icons
Links
Lists
Tables
Table Size
Table Alignment
Table Style
Table Responsive
Display
Max Width
Position
Z-index
Overflow
Float
Clear
Inline-block
Align
Combinators
Pseudo Classes
Pseudo Elements
Opacity
Attribute Selectors
Forms
Counters
Units
Specificity
!important
Math Functions
Rounded Corners
Border Images
Multiple Backgrounds
Colors
Color Keywords
Linear Gradients
Radial Gradients
Conic Gradients
Shadow Effects
Box Shadow
Text Effects
Web Fonts
2D Transforms
3D Transforms
Transitions
Animations
Images
Image Centering
Image Filters
Image Shapes
Object Fit
Object Position
Masking
Multiple Columns
User Interface
Variables
The property Rule
Box Sizing
Media Queries
Flexbox
Flex Container
Flex Items
Flex Responsive
RWD Intro
RWD Viewport
RWD Grid View
RWD Media Queries
RWD Images
RWD Videos
Grid
Grid Container
Grid Item
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 on 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 catergory. 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.
