Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS DSA TYPESCRIPT ANGULAR ANGULARJS GIT POSTGRESQL MONGODB ASP AI R GO KOTLIN SASS VUE GEN AI SCIPY CYBERSECURITY DATA SCIENCE INTRO TO PROGRAMMING BASH RUST

CSS Tutorial

CSS HOME CSS Introduction CSS Syntax CSS Selectors CSS How To CSS Comments CSS Errors CSS Colors CSS Backgrounds CSS Borders CSS Margins CSS Padding CSS Height/Width CSS Box Model CSS Outline CSS Text CSS Fonts CSS Icons CSS Links CSS Lists CSS Tables CSS Display CSS Max-width CSS Position CSS Z-index CSS Overflow CSS Float CSS Inline-block CSS Align CSS Combinators CSS Pseudo-classes CSS Pseudo-elements CSS Opacity CSS Navigation Bars CSS Dropdowns CSS Image Gallery CSS Image Sprites CSS Attr Selectors CSS Forms CSS Counters CSS Units CSS Specificity CSS !important CSS Math Functions CSS Optimization CSS Accessibility CSS Website Layout

CSS Advanced

CSS Rounded Corners CSS Border Images CSS Backgrounds CSS Colors CSS Color Keywords CSS Gradients CSS Shadows CSS Text Effects CSS Custom Fonts CSS 2D Transforms CSS 3D Transforms CSS Transitions CSS Animations CSS Tooltips CSS Image Styling CSS Image Modal CSS Image Centering CSS Image Filters CSS Image Shapes CSS object-fit CSS object-position CSS Masking CSS Buttons CSS Pagination CSS Multiple Columns CSS User Interface CSS Variables CSS @property CSS Box Sizing CSS Media Queries CSS MQ Examples

CSS Flexbox

Flexbox Intro Flex Container Flex Items Flex Responsive

CSS Grid

Grid Intro Grid Container Grid Items CSS @supports

CSS Responsive

RWD Intro RWD Viewport RWD Grid View RWD Media Queries RWD Images RWD Videos RWD Frameworks RWD Templates

CSS SASS

SASS Tutorial

CSS Examples

CSS Templates CSS Examples CSS Editor CSS Snippets CSS Quiz CSS Exercises CSS Website CSS Syllabus CSS Study Plan CSS Interview Prep CSS Bootcamp CSS Certificate

CSS References

CSS Reference CSS Selectors CSS Combinators CSS Pseudo-classes CSS Pseudo-elements CSS At-rules CSS Functions CSS Reference Aural CSS Web Safe Fonts CSS Animatable CSS Units CSS PX-EM Converter CSS Colors CSS Color Values CSS Default Values CSS Browser Support

CSS Exercises


Test your CSS skills with exercises from all categories:

Exercises

Tip: Sign in to track your progress - it's free.

0/110 done

Syntax6 exercises

Done

Selectors9 exercises

Done

How To9 exercises

Done

Comments5 exercises

Done

Colors5 exercises

Done

RGB5 exercises

Done

HEX7 exercises

Done

HSL6 exercises

Done

Background Color7 exercises

Done

Background Image6 exercises

Done

Background Repeat6 exercises

Done

Background Attachment5 exercises

Done

Background Shorthand6 exercises

Done

Border5 exercises

Done

Border Width6 exercises

Done

Border Color6 exercises

Done

Border Sides5 exercises

Done

Border Shorthand5 exercises

Done

Rounded Borders5 exercises

Done

Margins8 exercises

Done

Margin Collapse3 exercises

Done

Padding8 exercises

Done

Height and Width8 exercises

Done

Box Model8 exercises

Done

Outline4 exercises

Done

Outline Width6 exercises

Done

Outline Color6 exercises

Done

Outline Shorthand3 exercises

Done

Outline Offset4 exercises

Done

Text5 exercises

Done

Text Alignment7 exercises

Done

Text Decoration7 exercises

Done

Text Transformation5 exercises

Done

Text Spacing6 exercises

Done

Text Shadow5 exercises

Done

Font Family6 exercises

Done

Web Safe Fonts5 exercises

Done

Font Style8 exercises

Done

Font Size7 exercises

Done

Font Shorthand3 exercises

Done

Icons3 exercises

Done

Lists8 exercises

Done

Tables6 exercises

Done

Table Size4 exercises

Done

Table Alignment7 exercises

Done

Table Style6 exercises

Done

Table Responsive5 exercises

Done

Display9 exercises

Done

Max Width5 exercises

Done

Position9 exercises

Done

Z-index6 exercises

Done

Overflow9 exercises

Done

Float4 exercises

Done

Clear7 exercises

Done

Inline-block4 exercises

Done

Align8 exercises

Done

Combinators9 exercises

Done

Pseudo Classes9 exercises

Done

Pseudo Elements9 exercises

Done

Opacity9 exercises

Done

Attribute Selectors8 exercises

Done

Forms7 exercises

Done

Counters5 exercises

Done

Units7 exercises

Done

Specificity5 exercises

Done

!important5 exercises

Done

Math Functions9 exercises

Done

Rounded Corners8 exercises

Done

Border Images6 exercises

Done

Multiple Backgrounds9 exercises

Done

Colors9 exercises

Done

Color Keywords7 exercises

Done

Linear Gradients8 exercises

Done

Radial Gradients8 exercises

Done

Conic Gradients4 exercises

Done

Shadow Effects7 exercises

Done

Box Shadow5 exercises

Done

Text Effects9 exercises

Done

Web Fonts5 exercises

Done

2D Transforms9 exercises

Done

3D Transforms6 exercises

Done

Transitions9 exercises

Done

Animations9 exercises

Done

Images5 exercises

Done

Image Centering4 exercises

Done

Image Filters8 exercises

Done

Image Shapes8 exercises

Done

Object Fit6 exercises

Done

Object Position3 exercises

Done

Masking5 exercises

Done

Multiple Columns7 exercises

Done

User Interface4 exercises

Done

Variables6 exercises

Done

The property Rule4 exercises

Done

Box Sizing5 exercises

Done

Media Queries6 exercises

Done

Flexbox3 exercises

Done

Flex Container7 exercises

Done

Flex Items6 exercises

Done

Flex Responsive3 exercises

Done

RWD Intro3 exercises

Done

RWD Viewport4 exercises

Done

RWD Grid View3 exercises

Done

RWD Media Queries4 exercises

Done

RWD Images4 exercises

Done

RWD Videos3 exercises

Done

Grid Columns and Rows7 exercises

Done

Grid Container8 exercises

Done

Grid Item6 exercises

Done

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 w3schools CERTIFIED . 2025

×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
sales@w3schools.com

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
help@w3schools.com

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2025 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.