CSS is the language we use to style an HTML document. Show
CSS describes how HTML elements should be displayed. This tutorial will teach you CSS from basic to advanced. Start learning CSS now » Examples in Each ChapterThis CSS tutorial contains hundreds of CSS examples. With our online editor, you can edit the CSS, and click on a button to view the result. CSS Example body { h2 { p { Try it Yourself » Click on the "Try it Yourself" button to see how it works. CSS ExamplesLearn from over 300 examples! With our editor, you can edit the CSS, and click on a button to view the result. Go to CSS Examples! Use the MenuWe recommend reading this tutorial, in the sequence listed in the menu. If you have a large screen, the menu will always be present on the left. If you have a small screen, open the menu by clicking the top menu sign ☰. CSS TemplatesWe have created some responsive W3.CSS templates for you to use. You are free to modify, save, share, and use them in all your projects. Free CSS Templates! CSS ExercisesCSS QuizTest your CSS skills with a quiz. Start CSS Quiz! My LearningTrack your progress with the free "My Learning" program here at W3Schools. Log into your account, and start earning points! This is an optional feature, you can study W3Schools without using My Learning.
CSS ReferencesAt W3Schools you will find complete CSS references of all properties and selectors with syntax, examples, browser support, and more. Kickstart your careerGet certified by completing the course Get certified w3schoolsCERTIFIED.2022
HTML Example:<!DOCTYPE html> <h2>This is a heading</h2> </body> Try it Yourself CSS Example: body { h2 { p { Try it Yourself JavaScript Example:<button onclick="myFunction()">Click Me!</button> <script> Try it Yourself Python Example: if 5 > 2: Try it Yourself SQL Example: SELECT * FROM Customers Try it Yourself PHPA web server programming languageLearn PHP W3.CSSA CSS framework for faster and better responsive web pagesLearn W3.CSS Color PickerW3Schools' famous color pickerCode GameHelp the Lynx collect pine cones!Play Game Exercises and QuizzesTest your skills!Web TemplatesBrowse our selection of free responsive HTML TemplatesBROWSE TEMPLATES Kickstart your careerGet certified by completing a course Get started w3schoolsCERTIFIE D.2022How To SectionCode snippets for HTML, CSS and JavaScriptFor example, how to create a slideshow:LEARN HOW TO CSS is the language we use to style a Web page. What is CSS?
CSS Demo - One HTML Page - Multiple Styles!Here we will show one HTML page displayed with four different stylesheets. Click on the "Stylesheet 1", "Stylesheet 2", "Stylesheet 3", "Stylesheet 4" links below to see the different styles: Why Use CSS?CSS is used to define styles for your web pages, including the design, layout and variations in display for different devices and screen sizes. CSS Example body { h2 { p { Try it Yourself » CSS Solved a Big ProblemHTML was NEVER intended to contain tags for formatting a web page! HTML was created to describe the content of a web page, like: <h2>This is a heading</h2> <p>This is a paragraph.</p> When tags like <font>, and color attributes were added to the HTML 3.2 specification, it started a nightmare for web developers. Development of large websites, where fonts and color information were added to every single page, became a long and expensive process. To solve this problem, the World Wide Web Consortium (W3C) created CSS. CSS removed the style formatting from the HTML page! If you don't know what HTML is, we suggest that you read our HTML Tutorial. CSS Saves a Lot of Work!The style definitions are normally saved in external .css files. With an external stylesheet file, you can change the look of an entire website by changing just one file! |