{"id":38265,"date":"2020-04-04T10:00:05","date_gmt":"2020-04-04T08:00:05","guid":{"rendered":"https:\/\/www.codeur.com\/blog\/?p=38265"},"modified":"2025-08-26T11:57:14","modified_gmt":"2025-08-26T09:57:14","slug":"sites-apprendre-css-gratuitement","status":"publish","type":"post","link":"https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/","title":{"rendered":"10+ sites pour apprendre le CSS gratuitement"},"content":{"rendered":"<p>Les Feuilles de style en cascade, plus commun\u00e9ment appel\u00e9es CSS (Cascading Style Sheets), sont utilis\u00e9es pour la conception de sites web. Elles servent \u00e0 d\u00e9finir la pr\u00e9sentation des documents HTML ou XML, c&#8217;est \u00e0 dire la mise en forme graphique des sites.<\/p>\n<p>Que vous soyez professionnel du marketing digital, du webdesign, ou que vous souhaitiez simplement <a href=\"https:\/\/www.codeur.com\/pages\/prix-site-internet\">cr\u00e9er votre site internet au meilleur prix<\/a>, la ma\u00eetrise du CSS vous sera grandement utile pour vous aider dans la r\u00e9alisation de vos projets web.<br \/>\nMais avant de le ma\u00eetriser, il faut d\u00e9j\u00e0 l&#8217;apprendre&nbsp;! Codeur.com a identifi\u00e9 pour vous 10 sites pour d\u00e9buter ou approfondir vos connaissances en CSS, de mani\u00e8re s\u00e9rieuse ou plus ludique.<\/p>\n<h2>OpenClassroom, l&#8217;incontournable<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-38266\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/openclassroom.jpg\" alt=\"OpenClassroom cours gratuit CSS3\" width=\"700\" height=\"426\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/openclassroom.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/openclassroom-300x183.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/openclassroom-370x225.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/openclassroom-270x164.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/openclassroom-570x347.jpg 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><br \/>\n<a href=\"https:\/\/openclassrooms.com\/fr\/\" target=\"_blank\" rel=\"noopener noreferrer\">OpenClassroom<\/a> est un incontournable de l&#8217;apprentissage en ligne. En plus de formations dipl\u00f4mantes payantes, ce site propose de nombreux cours en ligne gratuits pour apprendre les diff\u00e9rents languages web, les bases du design, du webmarketing, etc. La plateforme met ainsi \u00e0 disposition diff\u00e9rents cours sur le CSS, de niveaux vari\u00e9s&nbsp;:<\/p>\n<ul>\n<li><a href=\"https:\/\/openclassrooms.com\/fr\/courses\/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3\" target=\"_blank\" rel=\"noopener noreferrer\">Apprenez \u00e0 cr\u00e9er votre site web avec HTML5 et CSS3<\/a> [niveau facile]<\/li>\n<li><a href=\"https:\/\/openclassrooms.com\/fr\/courses\/5919246-creez-des-animations-css-modernes\" target=\"_blank\" rel=\"noopener noreferrer\">Cr\u00e9ez des animations CSS modernes<\/a> [niveau moyen]<\/li>\n<li><a href=\"https:\/\/openclassrooms.com\/fr\/courses\/2745636-utilisez-les-effets-avances-de-css-sur-votre-site\" target=\"_blank\" rel=\"noopener noreferrer\">Utilisez les effets avanc\u00e9s de CSS sur votre site<\/a> [niveau moyen]<\/li>\n<\/ul>\n<h2>Les bases du CSS, avec Mozilla<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-38267\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/mozilla.jpg\" alt=\"base CSS Mozilla developpeurs\" width=\"700\" height=\"444\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/mozilla.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/mozilla-300x190.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/mozilla-370x235.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/mozilla-270x171.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/mozilla-570x362.jpg 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><br \/>\nMozilla met \u00e0 disposition sur son blog de nombreuses ressources pour les d\u00e9veloppeurs, quel que soit leur niveau. Le CSS ne fait pas exception&nbsp;: apprenez <a href=\"https:\/\/developer.mozilla.org\/fr\/docs\/Apprendre\/Commencer_avec_le_web\/Les_bases_CSS\" target=\"_blank\" rel=\"noopener noreferrer\">les bases du CSS<\/a> avec cet article tr\u00e8s complet et illustr\u00e9.<\/p>\n<h2>Apprendre le HTML et le CSS, un site exhaustif<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-38268\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/apprendre-html-css.jpg\" alt=\"Apprendre le HTML et CSS\" width=\"700\" height=\"422\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/apprendre-html-css.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/apprendre-html-css-300x181.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/apprendre-html-css-370x223.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/apprendre-html-css-270x163.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/apprendre-html-css-570x344.jpg 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><br \/>\n<a href=\"https:\/\/www.apprendre-html-et-css.com\/index.html\" target=\"_blank\" rel=\"noopener noreferrer\">Apprendre le HTML et le CSS<\/a> porte bien son nom. Vous trouverez sur ce site tout ce qu&#8217;il y a \u00e0 savoir lorsque l&#8217;on souhaite utiliser les langages HTML5 ou CSS3, de mani\u00e8re tr\u00e8s structur\u00e9e.<\/p>\n<h2>CSS D\u00e9butant, pour s&#8217;initier \u00e0 son rythme<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-38269\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/css-debutant.jpg\" alt=\"CSS D\u00e9butant\" width=\"700\" height=\"427\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/css-debutant.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/css-debutant-300x183.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/css-debutant-370x226.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/css-debutant-270x165.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/css-debutant-570x348.jpg 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><br \/>\n<a href=\"https:\/\/www.cssdebutant.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">CSS D\u00e9butant<\/a> est un blog qui vous permettra d&#8217;apprendre les bases du CSS. Il propose \u00e9galement quelques tutoriels pour appliquer vos apprentissages en cr\u00e9ant des boutons ou des structures de pages.<\/p>\n<h2>Progate, pour coder partout o\u00f9 vous allez<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-38270\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/progate.jpg\" alt=\"Progate application pour apprendre \u00e0 coder CSS\" width=\"700\" height=\"633\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/progate.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/progate-300x271.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/progate-370x335.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/progate-270x244.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/progate-570x515.jpg 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><br \/>\nDisponible sur votre navigateur ou en application mobile, <a href=\"https:\/\/progate.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Progate<\/a> pourra vous accompagner dans tous vos d\u00e9placements.<\/p>\n<blockquote><p>Attention&nbsp;: Seuls les cours d\u00e9butants sont gratuits.<\/p><\/blockquote>\n<h2>LearnLayout, pour bien comprendre la mise en page en CSS<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-38271\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/learnlayout.jpg\" alt=\"Learn Layout apprendre les mises en page CSS\" width=\"700\" height=\"330\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/learnlayout.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/learnlayout-300x141.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/learnlayout-370x174.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/learnlayout-270x127.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/learnlayout-570x269.jpg 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><br \/>\nLe blog <a href=\"https:\/\/fr.learnlayout.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">LearnLayout<\/a> illustre parfaitement les enjeux du positionnement CSS, qui vous serviront \u00e0 mettre en page votre site.<\/p>\n<h2>CSS Diner, pour apprendre les s\u00e9lecteurs CSS en s&#8217;amusant<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-38272\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/css-diner.jpg\" alt=\"CSS Diner apprendre s\u00e9lecteurs CSS\" width=\"700\" height=\"316\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/css-diner.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/css-diner-300x135.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/css-diner-370x167.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/css-diner-270x122.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/css-diner-570x257.jpg 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><br \/>\n<a href=\"https:\/\/flukeout.github.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">CSS Diner<\/a> est un jeu dans lequel vous devez s\u00e9lectionner des aliments ou de la vaisselle situ\u00e9s sur une table, gr\u00e2ce \u00e0 des s\u00e9lecteurs CSS.<br \/>\nAu fil de ses 32 niveaux, chaque s\u00e9lecteur CSS vous est pr\u00e9sent\u00e9, ainsi que toutes les possibilit\u00e9s qu&#8217;il offre. Ludique et efficace.<\/p>\n<h2>Thoughtbot, pour comprendre les s\u00e9lecteurs parents\/enfants avec&#8230; des chats<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-38273\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/thoughtbot.jpg\" alt=\"CSS parent child enfant\" width=\"700\" height=\"580\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/thoughtbot.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/thoughtbot-300x249.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/thoughtbot-370x307.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/thoughtbot-270x224.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/thoughtbot-570x472.jpg 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><br \/>\n<a href=\"https:\/\/thoughtbot.com\/blog\/basic-css-selectors-explained-with-cats\" target=\"_blank\" rel=\"noopener noreferrer\">Cet article de Thoughtbot<\/a> illustre les s\u00e9lecteurs parents et enfants et les diff\u00e9rentes possibilit\u00e9s qu&#8217;ils offrent gr\u00e2ce \u00e0 des chats. Original et efficace.<\/p>\n<h2>Flexbox Froggy, pour bien comprendre la disposition Flexbox<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-38274\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/flexbox-froggy.jpg\" alt=\"Flexbox Froggy apprendre flexbox CSS\" width=\"700\" height=\"320\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/flexbox-froggy.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/flexbox-froggy-300x137.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/flexbox-froggy-370x169.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/flexbox-froggy-270x123.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/flexbox-froggy-570x261.jpg 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><br \/>\n<a href=\"http:\/\/flexboxfroggy.com\/#fr\" target=\"_blank\" rel=\"noopener noreferrer\">Flexbox Froggy<\/a> est un mini-jeu \u00e9ducatif pour apprendre \u00e0 utiliser le standard de disposition CSS Flexbox. Chacun des 24 niveaux vous pr\u00e9sente une propri\u00e9t\u00e9 CSS flexbox. Vous devez ensuite aider les grenouilles \u00e0 rejoindre leur n\u00e9nuphar en utilisant les propri\u00e9t\u00e9s pr\u00e9sent\u00e9es.<\/p>\n<h2>CSS Grid Garden, pour s&#8217;initier au positionnement CSS Grid<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-38275\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/grid-garden.jpg\" alt=\"CSS Grid Garden\" width=\"700\" height=\"318\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/grid-garden.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/grid-garden-300x136.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/grid-garden-370x168.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/grid-garden-270x123.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/grid-garden-570x259.jpg 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><br \/>\nCr\u00e9\u00e9 sur le m\u00eame mod\u00e8le que Flexbox Froggy, <a href=\"http:\/\/cssgridgarden.com\/#fr\" target=\"_blank\" rel=\"noopener noreferrer\">CSS Grid Garden<\/a> vous explique comment fonctionne le positionnement par grille (CSS Grid) \u00e0 travers son jeu. L&#8217;objectif&nbsp;? Arroser des carottes et supprimer les mauvaises herbes de votre potager, tout en apprenant les diff\u00e9rentes propri\u00e9t\u00e9s CSS au cours des 28 niveaux.<\/p>\n<h2>Bonus&nbsp;: la &#8220;Cheat Sheet&#8221; CSS<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-38276\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/css-cheat-sheet.jpg\" alt=\"antis\u00e8che propri\u00e9t\u00e9s CSS\" width=\"700\" height=\"313\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/css-cheat-sheet.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/css-cheat-sheet-300x134.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/css-cheat-sheet-370x165.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/css-cheat-sheet-270x121.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/css-cheat-sheet-570x255.jpg 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><br \/>\n\u00c7a y est, vous avez appris \u00e0 utiliser toutes les propri\u00e9t\u00e9s CSS&nbsp;? Oui mais voil\u00e0&nbsp;: vous avez la m\u00e9moire de Dory et n&#8217;allez probablement plus vous rappeler que de <code>color:#fff;<\/code> dans 2 semaines&#8230;<br \/>\nHeureusement, <a href=\"https:\/\/www.pushaune.com\/blog\/tutos-html-css\/ultimate-css-cheat-sheet\/\" target=\"_blank\" rel=\"noopener noreferrer\">Pushaune<\/a> a pens\u00e9 \u00e0 vous et vous propose un merveilleux poster antis\u00e8che avec toutes les propri\u00e9t\u00e9s CSS (ou juste un .jpg pour ceux qui ne veulent pas refaire leur d\u00e9co). <a href=\"https:\/\/www.pushaune.com\/blog\/tutos-html-css\/ultimate-css-cheat-sheet\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u00c0 t\u00e9l\u00e9charger ici<\/a>.<\/p>\n<p>Avec toutes ces ressources, nul doute que vous saurez cr\u00e9er des sites \u00e0 votre go\u00fbt&nbsp;! Si toutefois vous rencontrez des difficult\u00e9s pour donner \u00e0 votre site le style que vous souhaitez, vous pouvez <a href=\"https:\/\/www.codeur.com\/fonctionnement-codeur\">poster votre annonce sur Codeur.com<\/a> pour recevoir les devis de nos d\u00e9veloppeurs freelances.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Les Feuilles de style en cascade, plus commun\u00e9ment appel\u00e9es CSS (Cascading Style Sheets), sont utilis\u00e9es pour la conception de sites web. Elles servent \u00e0 d\u00e9finir la pr\u00e9sentation des documents HTML ou XML, c&#8217;est \u00e0 dire la mise en forme graphique des sites. Que vous soyez professionnel du marketing digital, du webdesign, ou que vous souhaitiez [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":38280,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[14],"tags":[79],"class_list":["post-38265","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developpement","tag-ressources"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>10+ sites pour apprendre le CSS gratuitement<\/title>\n<meta name=\"description\" content=\"Les Feuilles de style en cascade, plus commun\u00e9ment appel\u00e9es CSS (Cascading Style Sheets), sont utilis\u00e9es pour la conception de sites web. Elles servent \u00e0\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10+ sites pour apprendre le CSS gratuitement\" \/>\n<meta property=\"og:description\" content=\"Les Feuilles de style en cascade, plus commun\u00e9ment appel\u00e9es CSS (Cascading Style Sheets), sont utilis\u00e9es pour la conception de sites web. Elles servent \u00e0\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/\" \/>\n<meta property=\"og:site_name\" content=\"Codeur.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/fr-fr.facebook.com\/codeurfreelance\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-04T08:00:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-26T09:57:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/apprendre-css.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"618\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Thomas Lazzaroni\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@totolazza\" \/>\n<meta name=\"twitter:site\" content=\"@codeur\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thomas Lazzaroni\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/\"},\"author\":{\"name\":\"Thomas Lazzaroni\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5\"},\"headline\":\"10+ sites pour apprendre le CSS gratuitement\",\"datePublished\":\"2020-04-04T08:00:05+00:00\",\"dateModified\":\"2025-08-26T09:57:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/\"},\"wordCount\":756,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/apprendre-css.jpg\",\"keywords\":[\"Ressources\"],\"articleSection\":[\"D\u00e9veloppement\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/\",\"url\":\"https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/\",\"name\":\"10+ sites pour apprendre le CSS gratuitement\",\"isPartOf\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/apprendre-css.jpg\",\"datePublished\":\"2020-04-04T08:00:05+00:00\",\"dateModified\":\"2025-08-26T09:57:14+00:00\",\"description\":\"Les Feuilles de style en cascade, plus commun\u00e9ment appel\u00e9es CSS (Cascading Style Sheets), sont utilis\u00e9es pour la conception de sites web. Elles servent \u00e0\",\"breadcrumb\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/#primaryimage\",\"url\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/apprendre-css.jpg\",\"contentUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/apprendre-css.jpg\",\"width\":1024,\"height\":618,\"caption\":\"apprendre le CSS\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/www.codeur.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"D\u00e9veloppement\",\"item\":\"https:\/\/www.codeur.com\/blog\/developpement\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"10+ sites pour apprendre le CSS gratuitement\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#website\",\"url\":\"https:\/\/www.codeur.com\/blog\/\",\"name\":\"Codeur.com\",\"description\":\"codeur\",\"publisher\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.codeur.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#organization\",\"name\":\"Codeur.com\",\"url\":\"https:\/\/www.codeur.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png\",\"contentUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png\",\"width\":2560,\"height\":465,\"caption\":\"Codeur.com\"},\"image\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/fr-fr.facebook.com\/codeurfreelance\/\",\"https:\/\/x.com\/codeur\",\"https:\/\/www.linkedin.com\/company\/codeur\/\",\"https:\/\/www.youtube.com\/channel\/UCgj9ySM9xy3gdL8qBafl9Uw\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5\",\"name\":\"Thomas Lazzaroni\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g\",\"caption\":\"Thomas Lazzaroni\"},\"description\":\"Depuis plus de 10 ans, je contribue \u00e0 faire rayonner nos sites en imaginant des strat\u00e9gies qui renforcent notre visibilit\u00e9 et notre position de r\u00e9f\u00e9rence.\",\"sameAs\":[\"https:\/\/totolazza.com\",\"https:\/\/www.linkedin.com\/in\/thomaslazzaroni\/\",\"https:\/\/x.com\/totolazza\"],\"url\":\"https:\/\/www.codeur.com\/blog\/author\/thomas\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"10+ sites pour apprendre le CSS gratuitement","description":"Les Feuilles de style en cascade, plus commun\u00e9ment appel\u00e9es CSS (Cascading Style Sheets), sont utilis\u00e9es pour la conception de sites web. Elles servent \u00e0","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/","og_locale":"fr_FR","og_type":"article","og_title":"10+ sites pour apprendre le CSS gratuitement","og_description":"Les Feuilles de style en cascade, plus commun\u00e9ment appel\u00e9es CSS (Cascading Style Sheets), sont utilis\u00e9es pour la conception de sites web. Elles servent \u00e0","og_url":"https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/","og_site_name":"Codeur.com","article_publisher":"https:\/\/fr-fr.facebook.com\/codeurfreelance\/","article_published_time":"2020-04-04T08:00:05+00:00","article_modified_time":"2025-08-26T09:57:14+00:00","og_image":[{"width":1024,"height":618,"url":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/apprendre-css.jpg","type":"image\/jpeg"}],"author":"Thomas Lazzaroni","twitter_card":"summary_large_image","twitter_creator":"@totolazza","twitter_site":"@codeur","twitter_misc":{"\u00c9crit par":"Thomas Lazzaroni","Dur\u00e9e de lecture estim\u00e9e":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/#article","isPartOf":{"@id":"https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/"},"author":{"name":"Thomas Lazzaroni","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5"},"headline":"10+ sites pour apprendre le CSS gratuitement","datePublished":"2020-04-04T08:00:05+00:00","dateModified":"2025-08-26T09:57:14+00:00","mainEntityOfPage":{"@id":"https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/"},"wordCount":756,"commentCount":1,"publisher":{"@id":"https:\/\/www.codeur.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/apprendre-css.jpg","keywords":["Ressources"],"articleSection":["D\u00e9veloppement"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/","url":"https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/","name":"10+ sites pour apprendre le CSS gratuitement","isPartOf":{"@id":"https:\/\/www.codeur.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/#primaryimage"},"image":{"@id":"https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/apprendre-css.jpg","datePublished":"2020-04-04T08:00:05+00:00","dateModified":"2025-08-26T09:57:14+00:00","description":"Les Feuilles de style en cascade, plus commun\u00e9ment appel\u00e9es CSS (Cascading Style Sheets), sont utilis\u00e9es pour la conception de sites web. Elles servent \u00e0","breadcrumb":{"@id":"https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/#primaryimage","url":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/apprendre-css.jpg","contentUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/03\/apprendre-css.jpg","width":1024,"height":618,"caption":"apprendre le CSS"},{"@type":"BreadcrumbList","@id":"https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.codeur.com\/blog\/"},{"@type":"ListItem","position":2,"name":"D\u00e9veloppement","item":"https:\/\/www.codeur.com\/blog\/developpement\/"},{"@type":"ListItem","position":3,"name":"10+ sites pour apprendre le CSS gratuitement"}]},{"@type":"WebSite","@id":"https:\/\/www.codeur.com\/blog\/#website","url":"https:\/\/www.codeur.com\/blog\/","name":"Codeur.com","description":"codeur","publisher":{"@id":"https:\/\/www.codeur.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.codeur.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.codeur.com\/blog\/#organization","name":"Codeur.com","url":"https:\/\/www.codeur.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png","contentUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png","width":2560,"height":465,"caption":"Codeur.com"},"image":{"@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/fr-fr.facebook.com\/codeurfreelance\/","https:\/\/x.com\/codeur","https:\/\/www.linkedin.com\/company\/codeur\/","https:\/\/www.youtube.com\/channel\/UCgj9ySM9xy3gdL8qBafl9Uw"]},{"@type":"Person","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5","name":"Thomas Lazzaroni","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g","caption":"Thomas Lazzaroni"},"description":"Depuis plus de 10 ans, je contribue \u00e0 faire rayonner nos sites en imaginant des strat\u00e9gies qui renforcent notre visibilit\u00e9 et notre position de r\u00e9f\u00e9rence.","sameAs":["https:\/\/totolazza.com","https:\/\/www.linkedin.com\/in\/thomaslazzaroni\/","https:\/\/x.com\/totolazza"],"url":"https:\/\/www.codeur.com\/blog\/author\/thomas\/"}]}},"_links":{"self":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/posts\/38265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/comments?post=38265"}],"version-history":[{"count":0,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/posts\/38265\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/media\/38280"}],"wp:attachment":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/media?parent=38265"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/categories?post=38265"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/tags?post=38265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}