{"id":13257,"date":"2022-04-09T07:40:28","date_gmt":"2022-04-09T05:40:28","guid":{"rendered":"https:\/\/www.espai.es\/blog\/?p=13257"},"modified":"2022-04-12T11:07:27","modified_gmt":"2022-04-12T09:07:27","slug":"8-juegos-para-aprender-css","status":"publish","type":"post","link":"https:\/\/www.espai.es\/blog\/2022\/04\/8-juegos-para-aprender-css\/","title":{"rendered":"8 juegos para aprender CSS y disfrutarlo"},"content":{"rendered":"<p>CSS es un lenguaje que se ha vuelto muy poderoso y aprenderlo puede ser un desaf\u00edo. En este articulo, vamos a ver 8 <strong>juegos para aprender CSS<\/strong> y divertirnos.<\/p>\n<p><strong>Os propongo una lista de 8 juegos para:<\/strong><\/p>\n<ul style=\"list-style-type: disc\">\n<li><strong>escribir c\u00f3digo<\/strong><\/li>\n<li><strong>experimentar<\/strong><\/li>\n<li><strong>ver el resultado<\/strong><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2><strong>1- Aprender FLEXBOX CSS<\/strong><\/h2>\n<h3 style=\"margin-bottom: 20px\"><strong>1-1. Flexbox\u00a0 Froggy<\/strong><\/h3>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/flexbox-froggy.jpg\" rel=\"attachment wp-att-13267\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13267\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/flexbox-froggy.jpg\" alt=\"juego para aprender css flexbox froggy\" width=\"927\" height=\"376\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/flexbox-froggy.jpg 927w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/flexbox-froggy-300x122.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/flexbox-froggy-768x312.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/flexbox-froggy-700x284.jpg 700w\" sizes=\"auto, (max-width: 927px) 100vw, 927px\" \/><\/a><\/p>\n<p>Es un juego muy divertido que permite aprender las<strong> propiedades de posicionamiento de Flexbox.<\/strong> Tiene 24 niveles con un editor de c\u00f3digo y un \u00e1rea visual para ver los resultados. Consiste en desplazar una o varias ranas en sus hojas de lirio.<\/p>\n<p>Es un juego muy eficiente para afianzar sus conocimientos de flexbox. Adem\u00e1s est\u00e1 traducido al espa\u00f1ol.<\/p>\n<p>Enlace al juego: <a href=\"https:\/\/flexboxfroggy.com\/#es\" target=\"_blank\" rel=\"noopener\">Flexbox Froggy<\/a><\/p>\n<h3 style=\"margin-top: 35px;margin-bottom: 20px\"><strong>1-2. Flexbox\u00a0 Defense<\/strong><\/h3>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/flexbox-defense.jpg\" rel=\"attachment wp-att-13274\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13274\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/flexbox-defense.jpg\" alt=\"flexbox defense juego para aprender CSS\" width=\"927\" height=\"441\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/flexbox-defense.jpg 927w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/flexbox-defense-300x143.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/flexbox-defense-768x365.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/flexbox-defense-700x333.jpg 700w\" sizes=\"auto, (max-width: 927px) 100vw, 927px\" \/><\/a><\/p>\n<p>Otro juego divertido para aprender las propiedades de Flexbox. En este juego, debes mover las torres utilizando reglas de flexbox para proteger el camino de los ataques enemigos. Tiene 12 niveles y una parte visual interactiva que lo hace parecer a un video juego.<\/p>\n<p>Enlace al juego: <a href=\"http:\/\/www.flexboxdefense.com\/\" target=\"_blank\" rel=\"noopener\">Flexbox Defense<\/a><\/p>\n<h3 style=\"margin-top: 35px;margin-bottom: 20px\"><strong>1-3. Flexbox\u00a0 Adventure<\/strong><\/h3>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/flexbox-adventure.jpg\" rel=\"attachment wp-att-13277\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13277\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/flexbox-adventure.jpg\" alt=\"aprendiendo CSS jugando flexbox adventure\" width=\"927\" height=\"455\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/flexbox-adventure.jpg 927w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/flexbox-adventure-300x147.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/flexbox-adventure-768x377.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/flexbox-adventure-700x344.jpg 700w\" sizes=\"auto, (max-width: 927px) 100vw, 927px\" \/><\/a><\/p>\n<p>Otro juego parecido a Flexbox Froggy. Permite de nuevo practicar las propiedades de Flexbox. Lo interesante es que tiene 3 niveles de dificultades y cada uno tiene a sus vez 24 niveles.<\/p>\n<p>Despu\u00e9s de haberlos hecho todos, te volver\u00e1s un especialista en <strong>posicionar elementos con flexbox.<\/strong><\/p>\n<p>Enlace al juego: <a href=\"https:\/\/codingfantasy.com\/games\/flexboxadventure\/play\" target=\"_blank\" rel=\"noopener\">Flexbox Adventure<\/a><\/p>\n<h2><strong>2- Aprender GRID LAYOUT CSS<\/strong><\/h2>\n<h3 style=\"margin-bottom: 20px\"><strong>2-1. Grid Garden<\/strong><\/h3>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/grid-garden.jpg\" rel=\"attachment wp-att-13280\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-13280\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/grid-garden-1024x507.jpg\" alt=\"aprender Grid Layout jugando Grid garden\" width=\"1024\" height=\"507\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/grid-garden-1024x507.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/grid-garden-300x149.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/grid-garden-768x381.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/grid-garden-700x347.jpg 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/grid-garden.jpg 1118w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>Flexbox es fant\u00e1stico y nos ha cambiado la vida a los dise\u00f1adores web y Grid layout va un paso m\u00e1s all\u00e1 con su <strong>modelo de rejilla<\/strong>. Pero tiene una curva de aprendizaje. Y los juegos nos pueden ayudar en esta etapa.<\/p>\n<p>Gris Garden (de los mismos creadores que Flexbox Froggy), es un juego divertido y que cuenta con 28 niveles. Al principio la dificultad es f\u00e1cil y va aumentando. El juego consiste en regar las zanahorias y mantener el huerto.<\/p>\n<p>Enlace al juego: <a href=\"https:\/\/cssgridgarden.com\/#es\" target=\"_blank\" rel=\"noopener\">Grid Garden<\/a><\/p>\n<h3 style=\"margin-top: 35px;margin-bottom: 20px\"><strong>2-2. Grid Attack<\/strong><\/h3>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/grid-attack.jpg\" rel=\"attachment wp-att-13285\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13285\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/grid-attack.jpg\" alt=\"aprende Grid CSS con Grid Attack\" width=\"927\" height=\"550\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/grid-attack.jpg 927w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/grid-attack-300x178.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/grid-attack-768x456.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/grid-attack-700x415.jpg 700w\" sizes=\"auto, (max-width: 927px) 100vw, 927px\" \/><\/a><\/p>\n<p>De los mismos creadores que Flexbox Adventure. Es un juego muy bien logrado. Te embarca en una aventura peligrosa y tienes como misi\u00f3n salvar el mundo de los demonios. Solo podr\u00e1s utilizar CSS Grid para cumplirla \ud83d\ude42<\/p>\n<p>El juego tiene 3 niveles de dificultades y cada uno a su vez cuenta con<strong> 80 niveles<\/strong>. No se si salvar\u00e1s el mundo cumpliendo todos esos niveles pero seguro que te volver\u00e1s especialista en <strong>Grid Layout!<\/strong><\/p>\n<p>Enlace al juego: <a href=\"https:\/\/codingfantasy.com\/games\/css-grid-attack\/play\" target=\"_blank\" rel=\"noopener\">Grid Attack<\/a><\/p>\n<h2><strong>3- Aprender a utilizar los SELECTORES CSS<\/strong><\/h2>\n<h3 style=\"margin-bottom: 20px\"><strong>3-1. CSS Diner<\/strong><\/h3>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/css-diner.jpg\" rel=\"attachment wp-att-13286\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13286\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/css-diner.jpg\" alt=\"aprende los selectores CSS con CSS Diner\" width=\"927\" height=\"539\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/css-diner.jpg 927w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/css-diner-300x174.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/css-diner-768x447.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/css-diner-700x407.jpg 700w\" sizes=\"auto, (max-width: 927px) 100vw, 927px\" \/><\/a><\/p>\n<p>Debo admitir que no entend\u00ed enseguida este juego, ya que utiliza etiqueta HTML que no existen. Pero al final no importa, hay que leer bien las instrucciones a la derecha de la pantalla y el juego se vuelve muy interesante.<\/p>\n<p>Tiene 32 niveles que permiten practicar todo tipo de <strong>selectores de clase, de id, descendiente, universal&#8230;<\/strong><\/p>\n<p>Enlace al juego: <a href=\"https:\/\/flukeout.github.io\/\" target=\"_blank\" rel=\"noopener\">CSS Diner<\/a><\/p>\n<h3 style=\"margin-top: 35px;margin-bottom: 20px\"><strong>3-2. CSS Speedrun<\/strong><\/h3>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/css-speedrun.jpg\" rel=\"attachment wp-att-13287\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13287\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/css-speedrun.jpg\" alt=\"aprende con contador selectores CSS con CSS Speedrun\" width=\"927\" height=\"426\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/css-speedrun.jpg 927w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/css-speedrun-300x138.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/css-speedrun-768x353.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/css-speedrun-700x322.jpg 700w\" sizes=\"auto, (max-width: 927px) 100vw, 927px\" \/><\/a><\/p>\n<p>Me encanta este<strong> juego CSS<\/strong> porque permite practicar los selectores con pseudo-clase. En mi opini\u00f3n, muchos de esas <strong>pseudo-clases<\/strong> son mal y poco conocidas. As\u00ed que me parece interesante ver algunas a trav\u00e9s de este juego. Adem\u00e1s tiene abajo un enlace (hint 2) que redirecciona a la web de <a href=\"https:\/\/developer.mozilla.org\/\" target=\"_blank\" rel=\"noopener\">Mozilla deloper<\/a> por m\u00e1s explicaci\u00f3n.<\/p>\n<p>Tiene 10 niveles y un contador que hace correr el tiempo. A ver cual ser\u00e1 el tuyo.<\/p>\n<p>Enlace al juego: <a href=\"https:\/\/css-speedrun.netlify.app\/\" target=\"_blank\" rel=\"noopener\">CSS Speedrun<\/a><\/p>\n<h2>4- Aprender propiedades avanzadas de CSS con Guess CSS<\/h2>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/guess-css.jpg\" rel=\"attachment wp-att-13289\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13289\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/guess-css.jpg\" alt=\"aprender propiedades avanzadas de CSS con Guess CSS\" width=\"927\" height=\"455\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/guess-css.jpg 927w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/guess-css-300x147.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/guess-css-768x377.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/guess-css-700x344.jpg 700w\" sizes=\"auto, (max-width: 927px) 100vw, 927px\" \/><\/a><\/p>\n<p>A nivel visual, este juego no tiene nada que ver con los anteriores. Su presentaci\u00f3n es muy b\u00e1sica es tipo cuestionario.<\/p>\n<p>Su prop\u00f3sito es <strong>evaluar tus conocimientos de CSS.<\/strong> Hay tres fragmentos de CSS junto con el c\u00f3digo HTML. Y tienes que elegir cu\u00e1l de los tres fragmentos de CSS produce el resultado que se ve arriba.<\/p>\n<p>Este juego pondr\u00e1 a prueba su conocimiento en Grid Layout, en Flexbox, en selectores, display y <a href=\"https:\/\/www.espai.es\/blog\/2021\/06\/todo-sobre-el-posicionamiento-css\/\">posicionamiento CSS<\/a>. Es muy completo y aunque est\u00e9ticamente es muy aburrido, uno se entretiene mucho con sus retos.<\/p>\n<p>Enlace al juego: <a href=\"https:\/\/www.guess-css.app\/\" target=\"_blank\" rel=\"noopener\">Guess CSS<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Como lo dec\u00eda al principio, CSS es hoy en d\u00eda un lenguaje muy poderoso y a veces mal conocido y\/o valorado.\u00a0 Seguro que si prob\u00e1is esos <strong>juegos para aprender CSS,<\/strong> vais a descubrir nuevas propiedades o nuevos selectores.<\/p>\n<p>As\u00ed que os animo a jugar y m\u00e1s que todo a pasarlo bien.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>CSS es un lenguaje que se ha vuelto muy poderoso y aprenderlo puede ser un desaf\u00edo. En este articulo, vamos a ver 8 juegos para aprender CSS y divertirnos. Os propongo una lista de 8 juegos para: escribir c\u00f3digo experimentar ver el resultado &nbsp; 1-&#8230;<\/p>\n","protected":false},"author":33,"featured_media":13295,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_ef_editorial_meta_date_first-draft-date":"","_ef_editorial_meta_paragraph_assignment":"","_ef_editorial_meta_checkbox_needs-photo":"","_ef_editorial_meta_number_word-count":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[7],"tags":[],"class_list":["post-13257","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>8 juegos para aprender CSS y disfrutarlo - Blog Escola Espai<\/title>\n<meta name=\"description\" content=\"Lista de 8 juegos para aprender CSS. Disfrutando con estos juegos, te volver\u00e1s un especialista de este lenguaje. Y no olvides, CSS es fun!\" \/>\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.espai.es\/blog\/2022\/04\/8-juegos-para-aprender-css\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"8 juegos aprender CSS y disfrutarlo\" \/>\n<meta property=\"og:description\" content=\"Lista de 8 juegos para aprender CSS. Disfrutando con estos juegos, te volver\u00e1s un especialista de este lenguaje. Y no olvides, CSS es fun!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.espai.es\/blog\/2022\/04\/8-juegos-para-aprender-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Escola Espai\" \/>\n<meta property=\"article:published_time\" content=\"2022-04-09T05:40:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-12T09:07:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/8-JUEGOS-PARA-APRENDER-CSS-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Stephanie Guerrero\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Stephanie Guerrero\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.espai.es\/blog\/2022\/04\/8-juegos-para-aprender-css\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2022\/04\/8-juegos-para-aprender-css\/\"},\"author\":{\"name\":\"Stephanie Guerrero\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/8887c3fae1d9daa1a5c3a8ce82a80ea8\"},\"headline\":\"8 juegos para aprender CSS y disfrutarlo\",\"datePublished\":\"2022-04-09T05:40:28+00:00\",\"dateModified\":\"2022-04-12T09:07:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2022\/04\/8-juegos-para-aprender-css\/\"},\"wordCount\":725,\"commentCount\":1,\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2022\/04\/8-juegos-para-aprender-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/8-JUEGOS-PARA-APRENDER-CSS-1.jpg\",\"articleSection\":[\"Dise\u00f1o Web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.espai.es\/blog\/2022\/04\/8-juegos-para-aprender-css\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.espai.es\/blog\/2022\/04\/8-juegos-para-aprender-css\/\",\"url\":\"https:\/\/www.espai.es\/blog\/2022\/04\/8-juegos-para-aprender-css\/\",\"name\":\"8 juegos para aprender CSS y disfrutarlo - Blog Escola Espai\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2022\/04\/8-juegos-para-aprender-css\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2022\/04\/8-juegos-para-aprender-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/8-JUEGOS-PARA-APRENDER-CSS-1.jpg\",\"datePublished\":\"2022-04-09T05:40:28+00:00\",\"dateModified\":\"2022-04-12T09:07:27+00:00\",\"author\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/8887c3fae1d9daa1a5c3a8ce82a80ea8\"},\"description\":\"Lista de 8 juegos para aprender CSS. Disfrutando con estos juegos, te volver\u00e1s un especialista de este lenguaje. Y no olvides, CSS es fun!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2022\/04\/8-juegos-para-aprender-css\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.espai.es\/blog\/2022\/04\/8-juegos-para-aprender-css\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/2022\/04\/8-juegos-para-aprender-css\/#primaryimage\",\"url\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/8-JUEGOS-PARA-APRENDER-CSS-1.jpg\",\"contentUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/8-JUEGOS-PARA-APRENDER-CSS-1.jpg\",\"width\":1000,\"height\":500,\"caption\":\"8 juegos para aprender css\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.espai.es\/blog\/2022\/04\/8-juegos-para-aprender-css\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.espai.es\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"8 juegos para aprender CSS y disfrutarlo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.espai.es\/blog\/#website\",\"url\":\"https:\/\/www.espai.es\/blog\/\",\"name\":\"Blog Escola Espai\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.espai.es\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/8887c3fae1d9daa1a5c3a8ce82a80ea8\",\"name\":\"Stephanie Guerrero\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/edb01ba3ec407f03473bab15d97307f0994509854c5cd5010af58ca3ef873327?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/edb01ba3ec407f03473bab15d97307f0994509854c5cd5010af58ca3ef873327?s=96&d=mm&r=g\",\"caption\":\"Stephanie Guerrero\"},\"url\":\"https:\/\/www.espai.es\/blog\/author\/s-guerrero\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"8 juegos para aprender CSS y disfrutarlo - Blog Escola Espai","description":"Lista de 8 juegos para aprender CSS. Disfrutando con estos juegos, te volver\u00e1s un especialista de este lenguaje. Y no olvides, CSS es fun!","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.espai.es\/blog\/2022\/04\/8-juegos-para-aprender-css\/","og_locale":"es_ES","og_type":"article","og_title":"8 juegos aprender CSS y disfrutarlo","og_description":"Lista de 8 juegos para aprender CSS. Disfrutando con estos juegos, te volver\u00e1s un especialista de este lenguaje. Y no olvides, CSS es fun!","og_url":"https:\/\/www.espai.es\/blog\/2022\/04\/8-juegos-para-aprender-css\/","og_site_name":"Blog Escola Espai","article_published_time":"2022-04-09T05:40:28+00:00","article_modified_time":"2022-04-12T09:07:27+00:00","og_image":[{"width":1000,"height":500,"url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/8-JUEGOS-PARA-APRENDER-CSS-1.jpg","type":"image\/jpeg"}],"author":"Stephanie Guerrero","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Stephanie Guerrero","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.espai.es\/blog\/2022\/04\/8-juegos-para-aprender-css\/#article","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/2022\/04\/8-juegos-para-aprender-css\/"},"author":{"name":"Stephanie Guerrero","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/8887c3fae1d9daa1a5c3a8ce82a80ea8"},"headline":"8 juegos para aprender CSS y disfrutarlo","datePublished":"2022-04-09T05:40:28+00:00","dateModified":"2022-04-12T09:07:27+00:00","mainEntityOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2022\/04\/8-juegos-para-aprender-css\/"},"wordCount":725,"commentCount":1,"image":{"@id":"https:\/\/www.espai.es\/blog\/2022\/04\/8-juegos-para-aprender-css\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/8-JUEGOS-PARA-APRENDER-CSS-1.jpg","articleSection":["Dise\u00f1o Web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.espai.es\/blog\/2022\/04\/8-juegos-para-aprender-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.espai.es\/blog\/2022\/04\/8-juegos-para-aprender-css\/","url":"https:\/\/www.espai.es\/blog\/2022\/04\/8-juegos-para-aprender-css\/","name":"8 juegos para aprender CSS y disfrutarlo - Blog Escola Espai","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2022\/04\/8-juegos-para-aprender-css\/#primaryimage"},"image":{"@id":"https:\/\/www.espai.es\/blog\/2022\/04\/8-juegos-para-aprender-css\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/8-JUEGOS-PARA-APRENDER-CSS-1.jpg","datePublished":"2022-04-09T05:40:28+00:00","dateModified":"2022-04-12T09:07:27+00:00","author":{"@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/8887c3fae1d9daa1a5c3a8ce82a80ea8"},"description":"Lista de 8 juegos para aprender CSS. Disfrutando con estos juegos, te volver\u00e1s un especialista de este lenguaje. Y no olvides, CSS es fun!","breadcrumb":{"@id":"https:\/\/www.espai.es\/blog\/2022\/04\/8-juegos-para-aprender-css\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.espai.es\/blog\/2022\/04\/8-juegos-para-aprender-css\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/2022\/04\/8-juegos-para-aprender-css\/#primaryimage","url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/8-JUEGOS-PARA-APRENDER-CSS-1.jpg","contentUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/8-JUEGOS-PARA-APRENDER-CSS-1.jpg","width":1000,"height":500,"caption":"8 juegos para aprender css"},{"@type":"BreadcrumbList","@id":"https:\/\/www.espai.es\/blog\/2022\/04\/8-juegos-para-aprender-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.espai.es\/blog\/"},{"@type":"ListItem","position":2,"name":"8 juegos para aprender CSS y disfrutarlo"}]},{"@type":"WebSite","@id":"https:\/\/www.espai.es\/blog\/#website","url":"https:\/\/www.espai.es\/blog\/","name":"Blog Escola Espai","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.espai.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/8887c3fae1d9daa1a5c3a8ce82a80ea8","name":"Stephanie Guerrero","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/edb01ba3ec407f03473bab15d97307f0994509854c5cd5010af58ca3ef873327?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/edb01ba3ec407f03473bab15d97307f0994509854c5cd5010af58ca3ef873327?s=96&d=mm&r=g","caption":"Stephanie Guerrero"},"url":"https:\/\/www.espai.es\/blog\/author\/s-guerrero\/"}]}},"jetpack_featured_media_url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2022\/04\/8-JUEGOS-PARA-APRENDER-CSS-1.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/13257","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/users\/33"}],"replies":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/comments?post=13257"}],"version-history":[{"count":28,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/13257\/revisions"}],"predecessor-version":[{"id":13297,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/13257\/revisions\/13297"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media\/13295"}],"wp:attachment":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media?parent=13257"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/categories?post=13257"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/tags?post=13257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}