{"json_modified": "2016-10-07T23:27:19.014104", "uuid": "cc617e5c-aef3-4318-bbcd-015610eea4d4", "title": "CSS basics", "url": "/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics", "tags": ["Beginner", "CSS", "Styling", "CodingScripting", "Web", "Learn"], "translations": [{"uuid": "7d58ecbc-9150-43ad-aa38-149db7b021fb", "title": "HTML basics", "url": "/de/docs/Learn/Getting_started_with_the_web/CSS_basics", "tags": [], "summary": "Like HTML, CSS is not really a programming language. It is a <em>style sheet language, </em>that is, it lets you apply styles selectively to elements in HTML documents. For example, to select <strong>all</strong> the paragraph elements on an HTML page and turn the text within them red, you'd write this CSS:", "localization_tags": ["inprogress"], "locale": "de", "last_edit": "2016-01-17T07:35:45", "review_tags": []}, {"uuid": "c079511b-75d0-4981-bad9-59e868d75278", "title": "CSS basico", "url": "/es/docs/Learn/Getting_started_with_the_web/CSS_basics", "tags": ["Principiante", "CSS", "Estilos/Styling", "Codificacion/Scripting", "Web", "aprende"], "summary": "Como HTML, CSS no es realmente un lenguaje de programaci\u00f3n. Es un<em> lenguaje de hojas de estilo,</em> es decir, te permite aplicar estilos de manera selectiva a elementos en documentos HTML. Por ejemplo, para seleccionar <strong>todos</strong> los elementos de p\u00e1rrafo en una p\u00e1gina HTML y volver el texto dentro de ellos de color rojo, has de escribir este CSS:", "localization_tags": [], "locale": "es", "last_edit": "2016-06-23T09:04:58", "review_tags": []}, {"uuid": "179ab5d0-4898-491f-b8af-e09463bb574c", "title": "Les bases de CSS", "url": "/fr/docs/Apprendre/Commencer_avec_le_web/Les_bases_CSS", "tags": ["Beginner", "CSS", "Styling", "CodingScripting", "Web", "Learn"], "summary": "De la m\u00eame fa\u00e7on que HTML, CSS n'est pas vraiment un langage de programmation. C'est un <em>langage de feuille de style</em>, c'est-\u00e0-dire qu'il permet d'appliquer des styles sur diff\u00e9rents \u00e9l\u00e9ments s\u00e9lectionn\u00e9s d'un document HTML. Par exemple, on peut s\u00e9lectionner <strong>tous</strong> les \u00e9l\u00e9ments d'une page HTML qui sont paragraphes et afficher leurs textes en rouge avec ce CSS :", "localization_tags": [], "locale": "fr", "last_edit": "2016-07-20T01:53:33", "review_tags": []}, {"uuid": "c6196efa-4ac8-425a-b694-f4a4ef93a3c9", "title": "CSS \uae30\ubcf8", "url": "/ko/docs/Learn/Getting_started_with_the_web/CSS_%EA%B8%B0%EB%B3%B8", "tags": [], "summary": "HTML \ucc98\ub7fc, CSS \ub294 \uc9c4\uc9dc \ud504\ub85c\uadf8\ub798\ubc0d \uc5b8\uc5b4\ub294 \uc544\ub2d9\ub2c8\ub2e4. \uc774\uac74 <em>style sheet \uc5b8\uc5b4</em>\uc785\ub2c8\ub2e4.<em> \uc989,</em> HTML \ubb38\uc11c \uc548\uc5d0 \uc5d8\ub9ac\uba3c\ud2b8\ub97c \uc120\ud0dd\uc801\uc73c\ub85c \uafb8\ubc00 \uc218 \uc788\uac8c \ud574\uc90d\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uba74, \ud55c HTML \ud398\uc774\uc9c0\uc5d0 <strong>\ubaa8\ub4e0 </strong>\ubb38\ub2e8 \uc5d8\ub9ac\uba3c\ud2b8\ub97c \uc120\ud0dd\ud558\uace0 \uadf8\uac83\ub4e4\uc744 \ube68\uac04\uc0c9\uc73c\ub85c \ubc14\uafb8\uae30 \uc704\ud574\uc11c, \uc774\ub807\uac8c CSS\ub97c \uc791\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4:", "localization_tags": [], "locale": "ko", "last_edit": "2016-05-26T21:09:25", "review_tags": ["technical", "editorial"]}, {"uuid": "885f3467-8a1f-4279-9f90-68a528a8c60d", "title": "CSS b\u00e1sico", "url": "/pt-BR/docs/Aprender/Getting_started_with_the_web/CSS_basico", "tags": ["CSS", "Aprender", "Web", "Estilo", "Iniciante"], "summary": "Como o HTML, CSS n\u00e3o \u00e9 realmente uma linguagem de programa\u00e7\u00e3o. \u00c9 uma <em>linguagem de folhas de estilos </em>que permite que voc\u00ea aplique estilos seletivamente para elementos em documentos HTML. Por exemplo, para selecionar <strong>todos</strong> os par\u00e1grafos de uma p\u00e1gina HTML e torne o texto dentro deles vermelho, voc\u00ea vai escrever o CSS:", "localization_tags": [], "locale": "pt-BR", "last_edit": "2016-10-03T17:31:28", "review_tags": []}, {"uuid": "bcaecf19-1324-4bb7-8c4d-95668a1ee8f4", "title": "\u041e\u0441\u043d\u043e\u0432\u044b CSS", "url": "/ru/docs/Learn/Getting_started_with_the_web/CSS_basics", "tags": ["Beginner", "\u041d\u043e\u0432\u0438\u0447\u043a\u0443", "CSS", "Styling", "CodingScripting", "Web", "Learn", "\u041e\u0431\u0443\u0447\u0435\u043d\u0438\u0435"], "summary": "\u041a\u0430\u043a \u0438 HTML, CSS \u043d\u0435 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u044f\u0437\u044b\u043a\u043e\u043c \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f. \u042d\u0442\u043e <em>\u044f\u0437\u044b\u043a \u0442\u0430\u0431\u043b\u0438\u0446\u044b \u0441\u0442\u0438\u043b\u0435\u0439</em>, \u0442\u043e \u0435\u0441\u0442\u044c \u043e\u043d \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0432\u044b\u0431\u043e\u0440\u043e\u0447\u043d\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0442\u044c \u0441\u0442\u0438\u043b\u0438 \u043a \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c \u0432 HTML \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0445. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0447\u0442\u043e\u0431\u044b \u0432\u044b\u0431\u0440\u0430\u0442\u044c <strong>\u0432\u0441\u0435</strong> \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u043f\u0430\u0440\u0430\u0433\u0440\u0430\u0444\u0430 \u043d\u0430 HTML \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0438 \u043f\u0440\u0435\u0432\u0440\u0430\u0442\u0438\u0442\u044c \u0438\u0445 \u0442\u0435\u043a\u0441\u0442 \u0432 \u043a\u0440\u0430\u0441\u043d\u044b\u0439, \u0432\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u044d\u0442\u043e\u0442 CSS:", "localization_tags": [], "locale": "ru", "last_edit": "2016-09-29T10:36:47", "review_tags": []}, {"uuid": "87b81fb4-ab5c-418b-a9ac-822d44ef8ab1", "title": "CSS \u57fa\u7840", "url": "/zh-CN/docs/Learn/Getting_started_with_the_web/CSS_basics", "tags": [], "summary": "\u5c31\u50cf HTML\uff0cCSS\u4e5f\u4e0d\u662f\u771f\u6b63\u7684\u7f16\u7a0b\u8bed\u8a00\u3002\u5b83\u662f\u6837\u5f0f\u8868\u8bed\u8a00\uff0c\u4e5f\u5c31\u662f\u8bf4\uff0c\u5b83\u5141\u8bb8\u4f60\u6709\u9009\u62e9\u6027\u5730\u4e3a HTML \u6587\u6863\u7684\u5143\u7d20\u6dfb\u52a0\u6837\u5f0f\u3002\u4e3e\u4f8b\u6765\u8bf4\uff0c\u8981\u9009\u62e9\u6240\u6709\u7684 p \u5143\u7d20\u963f\u7136\u540e\u5c06\u5b83\u4eec\u7684\u6587\u672c\u6539\u6210\u7ea2\u8272\uff0c\u4f60\u5e94\u8be5\u8fd9\u6837\u5199\uff1a", "localization_tags": [], "locale": "zh-CN", "last_edit": "2016-10-07T23:27:14", "review_tags": []}], "modified": "2016-08-27T01:36:21", "label": "CSS basics", "localization_tags": [], "locale": "en-US", "id": 130461, "last_edit": "2016-08-27T01:29:35", "summary": "Like HTML, CSS is not really a programming language. It is a <em>style sheet language, </em>that is, it lets you apply styles selectively to elements in HTML documents. For example, to select <strong>all</strong> the paragraph elements on an HTML page and turn the text within them red, you'd write this CSS:", "sections": [{"id": "Quick_Links", "title": null}, {"id": "So_what_is_CSS_really", "title": "So what is CSS, really?"}, {"id": "Anatomy_of_a_CSS_ruleset", "title": "Anatomy of a CSS ruleset"}, {"id": "Selecting_multiple_elements", "title": "Selecting multiple elements"}, {"id": "Different_types_of_selector", "title": "Different types of selector"}, {"id": "Fonts_and_text", "title": "Fonts and text"}, {"id": "Boxes_boxes_it's_all_about_boxes", "title": "Boxes, boxes, it's all about boxes"}, {"id": "Changing_the_page_color", "title": "Changing the page color"}, {"id": "Sorting_the_body_out", "title": "Sorting the body out"}, {"id": "Positioning_and_styling_our_main_page_title", "title": "Positioning and styling our main page title"}, {"id": "Centering_the_image", "title": "Centering the image"}, {"id": "Conclusion", "title": "Conclusion"}], "slug": "Learn/Getting_started_with_the_web/CSS_basics", "review_tags": []}