{"id":7,"date":"2025-09-30T17:03:44","date_gmt":"2025-09-30T17:03:44","guid":{"rendered":"https:\/\/lugdunix.fr\/?p=7"},"modified":"2025-09-30T17:10:15","modified_gmt":"2025-09-30T17:10:15","slug":"introduction-tutoriel-dintroduction-aux-styles-css","status":"publish","type":"post","link":"https:\/\/lugdunix.fr\/?p=7","title":{"rendered":"Introduction :Tutoriel d&rsquo;introduction aux styles CSS."},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Introduction :Tutoriel d&rsquo;introduction aux styles CSS.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><em><br><br>Pr\u00e9sentation de CSS. <\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Le signe CSS signifie <strong>Cascading Style Sheets<\/strong>, soit en fran\u00e7ais \u00ab\u00a0Feuilles de styles en cascade\u00a0\u00bb. <\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>C&rsquo;est un langage de mise en forme pour les pages web, mais aussi pour d&rsquo;autres documents tels que les documents XML.<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em> CSS est parfaitement standardis\u00e9 par le <strong>W3C,<\/strong> et est maintenant pris en charge pratiquement \u00e0 100% par tous les navigateurs.<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em> CSS r\u00e9pond \u00e0 plusieurs probl\u00e9matiques : Il permet de s\u00e9parer le contenu proprement dit de sa mise en forme.<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em> La n\u00e9cessit\u00e9 de produire des pages web de plus en plus riches sur le plan esth\u00e9tique risquait d&rsquo;aboutir \u00e0 l&rsquo;absurdit\u00e9 qu&rsquo;il y ait plus de code pour assurer la mise en page que pour d\u00e9crire le contenu lui-m\u00eame. Le volume des pages en serait d&rsquo;autant augment\u00e9. <\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>CSS permet d&rsquo;enregistrer toutes les directives de mise en forme dans un fichier s\u00e9par\u00e9, qui sera simplement associ\u00e9 aux pages de contenu. <\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>CSS facilite l&rsquo;homog\u00e9n\u00e9isation des pr\u00e9sentations d&rsquo;un site web. Puisque la mise en forme est d\u00e9crite dans un fichier s\u00e9par\u00e9, il est facile d&rsquo;associer ce m\u00eame fichier \u00e0 toutes les pages du site et ainsi, de leur donner \u00e0 toutes la m\u00eame pr\u00e9sentation. <\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Les modifications de mise en forme seront \u00e9galement beaucoup plus rapides \u00e0 r\u00e9aliser puisqu&rsquo;il suffira de modifier un seul fichier, sans toucher aux nombreuses pages du site. <\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Simplification des programmes pour les sites dynamiques. La g\u00e9n\u00e9ration des pages dynamiquement (par un programme PHP, par ASP, ou autre) est beaucoup plus simple puisque seul le contenu a besoin d&rsquo;\u00eatre g\u00e9n\u00e9r\u00e9, sans qu&rsquo;il soit n\u00e9cessaire de s&rsquo;occuper de sa mise en forme. <\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Les concepteurs de CSS ont souhait\u00e9 un langage qui soit simple \u00e0 mettre en \u0153uvre : il suffit d&rsquo;un bloc note ou de n&rsquo;importe  quel outil capable de saisir du texte pour cr\u00e9er une feuille de styles CSS. <\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>La syntaxe, bien que assez stricte, comme dans tout langage informatique, est facile \u00e0 assimiler. <\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Avec le temps, et au fil des versions, CSS a gagn\u00e9 en puissance et permet maintenant des mises en forme tr\u00e8s sophistiqu\u00e9es. <\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Il apporte des solutions simples aux probl\u00e9matiques nouvelles : <strong>Mise en forme responsives. <\/strong><\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>La possibilit\u00e9 de concevoir des mises en forme qui s&rsquo;adaptent \u00e0 la taille de l&rsquo;\u00e9cran de l&rsquo;internaute est devenue particuli\u00e8rement n\u00e9cessaire \u00e0 cause des terminaux mobiles (t\u00e9l\u00e9phones, tablettes, voire montres). <\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Les polices <strong>safe font<\/strong>. <\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>La gestion des polices de caract\u00e8res et leur t\u00e9l\u00e9chargement possible sur la machine de l&rsquo;internaute garanti une restitution fid\u00e8le de la mise en page, m\u00eame avec des polices fantaisies. Animations. CSS permet de cr\u00e9er des animations afin de rendre les sites internet plus interactifs et plus ludiques. D\u00e9formations g\u00e9om\u00e9triques. Des d\u00e9formations g\u00e9om\u00e9triques telles que la rotation, peuvent \u00eatre appliqu\u00e9es \u00e0 une image, un titre, un menu, ou n&rsquo;importe quel \u00e9l\u00e9ment de la page.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction :Tutoriel d&rsquo;introduction aux styles CSS. Pr\u00e9sentation de CSS. Le signe CSS signifie Cascading Style Sheets, soit en fran\u00e7ais \u00ab\u00a0Feuilles de styles en cascade\u00a0\u00bb. C&rsquo;est un langage de mise en forme pour les pages web, mais aussi pour d&rsquo;autres documents tels que les documents XML. CSS est parfaitement standardis\u00e9 par le W3C, et est maintenant [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-7","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/lugdunix.fr\/index.php?rest_route=\/wp\/v2\/posts\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lugdunix.fr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lugdunix.fr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lugdunix.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lugdunix.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":2,"href":"https:\/\/lugdunix.fr\/index.php?rest_route=\/wp\/v2\/posts\/7\/revisions"}],"predecessor-version":[{"id":11,"href":"https:\/\/lugdunix.fr\/index.php?rest_route=\/wp\/v2\/posts\/7\/revisions\/11"}],"wp:attachment":[{"href":"https:\/\/lugdunix.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lugdunix.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lugdunix.fr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}