{"id":2027,"date":"2012-06-05T23:07:05","date_gmt":"2012-06-05T23:07:05","guid":{"rendered":"http:\/\/gr-01.de\/whitepapers.grafik-und-redaktion.de\/?p=2027"},"modified":"2013-06-03T03:41:58","modified_gmt":"2013-06-03T01:41:58","slug":"la-rgle-css-dfinition-et-structure","status":"publish","type":"post","link":"https:\/\/whitepapers.grafik-und-redaktion.de\/?p=2027","title":{"rendered":"La r\u00e8gle CSS : d\u00e9finition et structure"},"content":{"rendered":"<p><cite>Source : <a href=\"http:\/\/www.paperblog.fr\/1272109\/la-regle-css-definition-et-structure\/\" class=\"autohyperlink\" target=\"_blank\">www.paperblog.fr\/1272109\/la-regle-css-definition-e&#8230;<\/a><\/cite><\/p>\n<p>Les CSS (Cascading Style Sheets, feuille de style en cascade) sont un ensemble de r\u00e8gles qui permettent d&#8217;attribuer \u00e0 toutes les balises (HTML ou autres) un certain nombre de propri\u00e9t\u00e9s de mise en page, des couleurs aux polices de caract\u00e8res, en passant par les images et le positionnement.<\/p>\n<h2>Structure d&#8217;une r\u00e8gle CSS<\/h2>\n<p>Une r\u00e8gle CSS est toujours ordonn\u00e9e de la m\u00eame mani\u00e8re. Il y a un premier \u00e9l\u00e9ment qui permet de savoir \u00e0 quelle balise elle va s&#8217;appliquer. Cet \u00e9l\u00e9ment est nomm\u00e9 s\u00e9lecteur.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2028 alignnone\" title=\"regle-css-definition-structure-L-1\" src=\"http:\/\/gr-01.de\/whitepapers.grafik-und-redaktion.de\/uploads\/2012\/06\/regle-css-definition-structure-L-1.jpeg\" alt=\"\" width=\"550\" height=\"100\" \/><\/p>\n<p>La partie entre accolades est nomm\u00e9e bloc de d\u00e9claration. Il contient l&#8217;ensemble des d\u00e9clarations qui seront appliqu\u00e9es aux \u00e9l\u00e9ments s\u00e9lectionn\u00e9s.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2029 alignnone\" title=\"regle-css-definition-structure-L-2\" src=\"http:\/\/gr-01.de\/whitepapers.grafik-und-redaktion.de\/uploads\/2012\/06\/regle-css-definition-structure-L-2.jpeg\" alt=\"\" width=\"550\" height=\"100\" \/><\/p>\n<p>Dans le bloc de d\u00e9claration, les d\u00e9clarations se succ\u00e8dent, toujours s\u00e9par\u00e9es d&#8217;un point-virgule.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2030 alignnone\" title=\"regle-css-definition-structure-L-3\" src=\"http:\/\/gr-01.de\/whitepapers.grafik-und-redaktion.de\/uploads\/2012\/06\/regle-css-definition-structure-L-3.jpeg\" alt=\"\" width=\"550\" height=\"100\" \/><\/p>\n<p>Chaque d\u00e9claration est compos\u00e9e d&#8217;une propri\u00e9t\u00e9 \u00e0 laquelle on va attribuer une valeur. Le signe utilis\u00e9 dans les d\u00e9clarations entre la propri\u00e9t\u00e9 et sa valeur est :<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2031 alignnone\" title=\"regle-css-definition-structure-L-4\" src=\"http:\/\/gr-01.de\/whitepapers.grafik-und-redaktion.de\/uploads\/2012\/06\/regle-css-definition-structure-L-4.jpeg\" alt=\"\" width=\"550\" height=\"100\" \/><\/p>\n<p>J&#8217;esp\u00e8re que le rappel de ces r\u00e8gles simples vous aidera \u00e0 mieux comprendre les diff\u00e9rents billets et tutoriels consacr\u00e9s au CSS que vous trouverez sur ce blog.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Source : www.paperblog.fr\/1272109\/la-regle-css-definition-e&#8230; Les CSS (Cascading Style Sheets, feuille de style en cascade) sont un ensemble de r\u00e8gles qui permettent d&#8217;attribuer \u00e0 toutes les balises (HTML ou autres) un certain nombre de propri\u00e9t\u00e9s de mise en page, des couleurs aux &hellip; <a href=\"https:\/\/whitepapers.grafik-und-redaktion.de\/?p=2027\">Weiterlesen &rarr;<\/a><\/p>\n","protected":false},"author":1,"featured_media":2028,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[122],"tags":[],"_links":{"self":[{"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/posts\/2027"}],"collection":[{"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2027"}],"version-history":[{"count":4,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/posts\/2027\/revisions"}],"predecessor-version":[{"id":2988,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/posts\/2027\/revisions\/2988"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/media\/2028"}],"wp:attachment":[{"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2027"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2027"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2027"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}