{"json_modified": "2016-09-15T09:23:28.596391", "uuid": "c1eab325-8516-45f6-9462-7b674e9d28a5", "title": "How CSS works", "url": "/en-US/docs/Learn/CSS/Introduction_to_CSS/How_CSS_works", "tags": ["line", "internal", "external", "CSS", "CodingScripting", "Syntax", "Guide", "DOM", "Link"], "translations": [{"uuid": "fa7a6f7d-a710-4d90-bf77-c7dc3a6eb220", "title": "Le fonctionnement de CSS", "url": "/fr/docs/Apprendre/CSS/Les_bases/Le_fonctionnement_de_CSS", "tags": ["CSS", "Beginner", "Learn"], "summary": "CSS permet de cr\u00e9er de belles pages web. Mais qu'en est-il sous le cap\u00f4t ? Dans cet artice, nous verrons comment CSS fonctionne dans le navigateur et comment il utilise le <em>Document Object Model</em> (DOM). Vous verrez \u00e9galement comment analyser votre document utilis\u00e9 comme exemple.", "localization_tags": [], "locale": "fr", "last_edit": "2015-11-22T00:10:53", "review_tags": []}], "modified": "2016-09-15T09:23:28", "label": "How CSS works", "localization_tags": [], "locale": "en-US", "id": 164113, "last_edit": "2016-09-15T09:23:20", "summary": "<strong><a class=\"glossaryLink\" href=\"/en-US/docs/Glossary/CSS\" title=\"CSS: CSS (Cascading Style Sheets) is a declarative language that controls how webpages look in the browser.\">CSS</a></strong> (Cascading Style Sheets) allows you to create great looking web pages, but how does it work under the hood? This article explains what CSS is, how the browser turns HTML into a Document Object Model (<a class=\"glossaryLink\" href=\"/en-US/docs/Glossary/DOM\" title=\"DOM: The DOM (Document Object Model) is an API that represents and interacts with any HTML or XML document. The DOM is a document model loaded in the browser and representing the document as a node tree, where each node represents part of the document (e.g. an element, text string, or comment).\">DOM</a>), how CSS is applied to parts of the DOM, some very basic syntax examples, and what code is used to actually include our CSS in our web page.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "What_is_CSS", "title": "What is CSS?"}, {"id": "How_does_CSS_affect_HTML", "title": "How does CSS affect HTML?"}, {"id": "A_quick_CSS_example", "title": "A quick CSS example"}, {"id": "Active_learning_Writing_your_first_CSS", "title": "Active learning: Writing your first CSS"}, {"id": "Playable_code", "title": "Playable code"}, {"id": "How_does_CSS_actually_work", "title": "How does CSS actually work?"}, {"id": "About_the_DOM", "title": "About the DOM"}, {"id": "DOM_representation", "title": "DOM representation"}, {"id": "Applying_CSS_to_the_DOM", "title": "Applying CSS to the DOM"}, {"id": "How_to_apply_your_CSS_to_your_HTML", "title": "How to apply your CSS to your HTML"}, {"id": "External_stylesheet", "title": "External stylesheet"}, {"id": "Internal_stylesheet", "title": "Internal stylesheet"}, {"id": "Inline_styles", "title": "Inline styles"}, {"id": "What's_next", "title": "What's next"}], "slug": "Learn/CSS/Introduction_to_CSS/How_CSS_works", "review_tags": []}