Loading lesson path
CSS
Examples, snippets, quizzes, and references for reinforcement and lookup.
CSS Layout Templates We have created some responsive starter templates with CSS. You are free to modify, save, share, and use them in all your projects. Header, equal columns and footer: Try it (usin…
CSS Properties A accent-color Specifies an accent color for user-interface controls align-content Specifies the alignment between the lines inside a flexible container when the items do not use all a…
CSS Syntax CSS syntax explained CSS Selectors CSS selectors explained CSS How To / Where To CSS how to explained CSS Comments CSS comments explained CSS Colors CSS colors explained CSS Backgrounds CS…
CSS Selectors CSS selectors are used to "find" (or select) the HTML elements you want to style. Use our CSS Selector Tester to demonstrate the different selectors. CSS Simple Selectors The simple sel…
CSS Editor With our online CSS editor, you can edit HTML, CSS and JavaScript code, and view the result in your browser. body { background-color lightblue ; } h1 { color white ; text-align center ; }…
CSS Combinators A combinator is a sign that explains the relationship between selectors. The table below shows the different combinators in CSS: Name Sign Example Example Result Child combinator > di…
CSS Snippets Have you ever seen a cool feature on a website and thought "How do they do that"? We have collected a bunch of CSS snippets that you can use in your projects, for free: Image Text Blocks…
CSS Pseudo-classes A CSS pseudo-class is a keyword that can be added to a selector, to define a style for a special state of an element. Some common use for pseudo-classes: Style an element when a us…
You can test your CSS skills with W3Schools' Quiz. The Test The test contains 25 questions and there is no time limit. The test is not official, it's just a nice way to see how much you know, or don'…
CSS Pseudo-elements A CSS pseudo-element is used to style specific parts of an element. For example, it can be used to: Style the first letter or line, of an element Insert content before or after an…
Test your CSS skills with exercises from all categories: /151 done Syntax 6 exercises Open Done Selectors 6 exercises Open Done Selectors Grouping 3 exercises Open Done How To 4 exercises Open Done H…
CSS At-rules CSS at-rules are statements that instruct CSS on how to behave. Each at-rule begins with an @ followed by a name. The table below shows the different at-rules in CSS: At-rule Description…
Test your CSS skills with code challenges from all categories: Code Challenges Loading challenges... About Code Challenges Code challenges are interactive coding exercises where you write CSS code to…
CSS Functions CSS functions can be used to calculate values, manipulate strings or colors, create complex gradients and shapes, and more. CSS functions are typically used as values for various CSS pr…
Create a Website with HTML and CSS Host Websites with W3Schools Spaces Get Started for Free Practice Coding Skills kAI AI Tutor Build Projects Host Securely Choose your Plan By subscribing to a plan…
Aural Style Sheets Aural style sheets use a combination of speech synthesis and sound effects to make the user listen to information, instead of reading information. Aural presentation can be used: b…
Introduction The W3Schools CSS Tutorial is comprehensive and beginner-friendly. It will give you a fundamental knowledge of CSS. It is designed for beginners and requires no prior experience with pro…
CSS Web Safe Fonts
Introduction The CSS study plan helps you teach your students CSS step-by-step. Creating a study plan for CSS is easy. You can use a pre-built study plan or customize it. Students have different skil…
Definition and Usage Some CSS properties are animatable, meaning that they can be used in animations and transitions. Animatable properties can change gradually from one value to another, like size,…
CSS Interview Preparation
CSS Units
W3Schools CSS Bootcamp
PX to EM Conversion
W3Schools CSS Certificate
Color Names Supported by All Browsers All modern browsers support the following 140 color names (click on a color name, or a hex value, to view the color as the background-color along with different…
CSS Colors Colors in CSS can be specified by the following methods: Hexadecimal colors Hexadecimal colors with transparency RGB colors RGBA colors HSL colors HSLA colors Predefined/Cross-browser colo…
CSS Default Values Reference
CSS Reference With Browser Support The table below lists all CSS properties and how each property is supported in the different browsers: The number to the right of the browser icon indicates in whic…