{"id":9977,"date":"2022-05-31T13:00:00","date_gmt":"2022-05-31T11:00:00","guid":{"rendered":"https:\/\/carontestudio.com\/blog\/?p=9977"},"modified":"2022-05-26T16:24:11","modified_gmt":"2022-05-26T14:24:11","slug":"versiones-css","status":"publish","type":"post","link":"https:\/\/carontestudio.com\/blog\/versiones-css\/","title":{"rendered":"Versiones CSS"},"content":{"rendered":"\n<p>En el mundo del dise\u00f1o web hay dos pilares b\u00e1sicos: HTML y CSS. Si has hecho alg\u00fan curso o has querido conocer m\u00e1s sobre estos lenguajes, habr\u00e1s observado que suelen acompa\u00f1arse de un n\u00famero, present\u00e1ndose como HTML5 y <strong>CSS3<\/strong>. Se trata de las versiones de estos lenguajes&#8230; bueno, no exactamente. Al hablar de CSS deber\u00edamos de hablar de <strong>niveles<\/strong>, m\u00e1s que de versiones. Estos niveles complementan al anterior, siendo una construcci\u00f3n continua.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Introducci\u00f3n<\/h2>\n\n\n\n<p>Poni\u00e9ndonos en situaci\u00f3n, CSS es un lenguaje nacido en 1994, propuesto por H\u00e5kon Wium Lie, trabajador del <strong>CERN<\/strong>, aunque la primera recomendaci\u00f3n del W3C no llegar\u00eda hasta el 96, con el objetivo de <strong>dar forma a las p\u00e1ginas web<\/strong> de una manera \u00f3ptima y estandarizada.<\/p>\n\n\n\n<p>CSS <strong>define el aspecto visual de los elementos<\/strong> de la p\u00e1gina. Su sencillez lo convirti\u00f3 r\u00e1pidamente en un lenguaje de f\u00e1cil acceso para introducirse en el mundo de la \u00abprogramaci\u00f3n\u00bb, lo entrecomillo porque, realmente, es, m\u00e1s bien, un <strong>lenguaje de dise\u00f1o gr\u00e1fico<\/strong>. El debate est\u00e1 servido.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/css-lenguaje-de-programacion-o-de-diseno.jpg\" alt=\"CSS: Lenguaje de programaci\u00f3n o de dise\u00f1o\" class=\"wp-image-9986\" width=\"385\" height=\"385\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/css-lenguaje-de-programacion-o-de-diseno.jpg 800w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/css-lenguaje-de-programacion-o-de-diseno-300x300.jpg 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/css-lenguaje-de-programacion-o-de-diseno-150x150.jpg 150w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/css-lenguaje-de-programacion-o-de-diseno-768x768.jpg 768w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/css-lenguaje-de-programacion-o-de-diseno-600x600.jpg 600w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/css-lenguaje-de-programacion-o-de-diseno-100x100.jpg 100w\" sizes=\"auto, (max-width: 385px) 100vw, 385px\" \/><\/figure><\/div>\n\n\n\n<p>En cualquier caso, es un est\u00e1ndar de W3C y que es imprescindible conocer en el mundo web. Pero \u00bfqu\u00e9 hab\u00eda antes?, \u00bfc\u00f3mo hemos llegado hasta aqu\u00ed?<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Antes del CSS<\/h2>\n\n\n\n<p>Antes de que existiera el CSS las declaraciones de estilos se inclu\u00edan en el propio HTML, en l\u00ednea o similar, es decir, cada elemento deb\u00eda especificar su propio tama\u00f1o, color, etc. Esto daba  como resultando <strong>mucho c\u00f3digo y muy poco optimizado<\/strong>, complicando mucho cualquier cambio. <\/p>\n\n\n\n<p>Las hojas externas ya exist\u00edan, pero sol\u00edan ser propiedad de cada navegador, que era quien decid\u00eda c\u00f3mo mostrar la p\u00e1gina web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">CSS1<\/h2>\n\n\n\n<p>Fue el primer nivel propuesto oficialmente. Serv\u00eda para lo b\u00e1sico: color de texto, m\u00e1rgenes, bordes, tipograf\u00edas&#8230; Para hacerse una idea basta recordar c\u00f3mo eran las p\u00e1ginas por aquel entonces.<\/p>\n\n\n\n<div class=\"wp-block-image solidline\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/pagina-del-1997-apple-versiones-css.png\" alt=\"P\u00e1gina de 1997 de Apple - Versiones CSS\" class=\"wp-image-9978\" width=\"444\" height=\"541\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/pagina-del-1997-apple-versiones-css.png 628w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/pagina-del-1997-apple-versiones-css-246x300.png 246w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/pagina-del-1997-apple-versiones-css-600x731.png 600w\" sizes=\"auto, (max-width: 444px) 100vw, 444px\" \/><figcaption>Este es el aspecto que ten\u00eda la p\u00e1gina de Apple en el a\u00f1o 1997. Nos podemos hacer una idea de hasta d\u00f3nde llegaba el CSS.<\/figcaption><\/figure><\/div>\n\n\n\n<p>Pero lo m\u00e1s importante era que todos los estilos se pod\u00edan reunir en un documento externo al HTML, <strong>separando la estructura de lo visual<\/strong>, y declarando la regla una sola vez, se pod\u00eda aplicar a varios elementos. Ahora no lo parece, pero fue un gran paso a nivel de optimizaci\u00f3n.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">CSS2<\/h2>\n\n\n\n<p>W3C publica la nueva recomendaci\u00f3n CSS en 1998. Como decimos, cada nivel se construye sobre el anterior, por lo que al CSS1 se suman propiedades como los <strong>posicionamientos absolutos y relativos<\/strong>, <strong>z-index<\/strong>&#8230; Esto fue toda una revoluci\u00f3n, ya que permit\u00eda colocar contenedores e im\u00e1genes all\u00ed donde quer\u00edamos. La <strong>revoluci\u00f3n visual<\/strong> se puede apreciar en c\u00f3mo cambi\u00f3, por ejemplo, la p\u00e1gina de Apple:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large solidline\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"580\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/pagina-del-2000-apple-versiones-css-1024x580.jpg\" alt=\"P\u00e1gina del a\u00f1o 2000 de Apple - CSS versiones\" class=\"wp-image-9980\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/pagina-del-2000-apple-versiones-css-1024x580.jpg 1024w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/pagina-del-2000-apple-versiones-css-300x170.jpg 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/pagina-del-2000-apple-versiones-css-768x435.jpg 768w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/pagina-del-2000-apple-versiones-css-600x340.jpg 600w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/pagina-del-2000-apple-versiones-css.jpg 1435w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Se puede ver como el CSS2 convierte a las p\u00e1ginas web en algo m\u00e1s que un contenedor de informaci\u00f3n. El dise\u00f1o gr\u00e1fico comienza a tener peso en el mundo web.<\/figcaption><\/figure>\n\n\n\n<p>En este nivel se incluyen, tambi\u00e9n, las omnipresentes <strong>sombras<\/strong> de los 90 y las <strong>tablas<\/strong>. Tambi\u00e9n entraron en juego los <strong>estilos espec\u00edficos para diferentes medios<\/strong>. Por ejemplo, pod\u00edamos dar un estilo diferente a la p\u00e1gina en pantalla a como se ver\u00eda al imprimir.<\/p>\n\n\n\n<p>CSS2 tuvo una revisi\u00f3n por problemas de funcionalidad y se a\u00f1adi\u00f3 alguna nueva especificaci\u00f3n. Fue propuesta oficialmente como <strong>CSS2.1 <\/strong>en 2011.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">CSS3<\/h2>\n\n\n\n<p>CSS3 plantea una ruptura con las especificaciones anteriores, no tanto por su contenido sino por su forma. CSS3 se plantea como una suma de <strong>m\u00f3dulos<\/strong> independientes que van <strong>sumando funcionalidades<\/strong> al lenguaje CSS. Esta presentaci\u00f3n modular <strong>permite que CSS3 siga evolucionando<\/strong> a diferentes ritmos y presentando nuevas soluciones a los problemas y carencias detectadas. Su historia comienza en 1999, aunque su publicaci\u00f3n por parte de W3C es bastante posterior.<\/p>\n\n\n\n<p>Los cambios visuales ya no son tan llamativos como antes, la diferencia con niveles anteriores es m\u00e1s bien t\u00e9cnica. El protagonismo gr\u00e1fico ya no est\u00e1 tan delimitado como en CSS1, por lo que <strong>el aspecto lo marca la tendencia del momento<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-columns sabermas is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-image solidline\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"789\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/pagina-del-2008-apple-versiones-css-1024x789.jpg\" alt=\"P\u00e1gina del 2008 - Versiones de CSS\" class=\"wp-image-9983\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/pagina-del-2008-apple-versiones-css-1024x789.jpg 1024w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/pagina-del-2008-apple-versiones-css-300x231.jpg 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/pagina-del-2008-apple-versiones-css-768x592.jpg 768w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/pagina-del-2008-apple-versiones-css-600x462.jpg 600w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/pagina-del-2008-apple-versiones-css.jpg 1060w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>La web de Apple en el a\u00f1o 2008<\/figcaption><\/figure><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large solidline\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"757\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/pagina-del-2022-apple-versiones-css-1024x757.jpg\" alt=\"Aspecto actual de la web de Apple\" class=\"wp-image-9984\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/pagina-del-2022-apple-versiones-css-1024x757.jpg 1024w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/pagina-del-2022-apple-versiones-css-300x222.jpg 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/pagina-del-2022-apple-versiones-css-768x568.jpg 768w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/pagina-del-2022-apple-versiones-css-600x444.jpg 600w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/pagina-del-2022-apple-versiones-css.jpg 1129w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Aspecto actual de la web de Apple<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>Es por ello que las aportaciones de este nivel son m\u00faltiples. Entre ellas me gustar\u00eda resaltar <strong>flexbox <\/strong>y <strong>CSS grid<\/strong>, que nos salvaron de la pesadilla de los elementos flotantes y posiciones absolutas. No se me entienda mal, siguen siendo dos propiedades muy v\u00e1lidas, pero antes nos ve\u00edamos forzados a usarlas para lo que no estaban preparadas.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/meme-css-float.jpg\" alt=\"Meme sobre CSS float\" class=\"wp-image-9982\" width=\"335\" height=\"419\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/meme-css-float.jpg 500w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/meme-css-float-240x300.jpg 240w\" sizes=\"auto, (max-width: 335px) 100vw, 335px\" \/><\/figure><\/div>\n\n\n\n<p>Otras innovaciones rese\u00f1ables del nivel 3 son las <em><strong>media queries<\/strong><\/em>, que hacen posible el <a href=\"https:\/\/carontestudio.com\/blog\/diseno-responsive-vs-adaptativo\/\">dise\u00f1o responsive<\/a> y sin las que no podemos entender el concepto <strong><em>Mobile First<\/em><\/strong>.<\/p>\n\n\n\n<p>Si quieres m\u00e1s informaci\u00f3n, tenemos un art\u00edculo sobre las <a href=\"https:\/\/carontestudio.com\/blog\/novedades-en-css-para-2022-css4-no-existe\/#Otras_propiedades_de_CSS_3\">nuevas propiedades de CSS3<\/a> donde listamos unas cuantas muy interesantes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">CSS4 y Conclusi\u00f3n <\/h2>\n\n\n\n<p>\u00bfCu\u00e1l es la \u00faltima versi\u00f3n de CSS? <strong>La \u00faltima versi\u00f3n de CSS es la 3<\/strong>, y es posible que no lleguemos a ver ning\u00fan CSS4, ya que la construcci\u00f3n por m\u00f3dulos del nivel 3 la convierte en la versi\u00f3n de CSS definitiva.<\/p>\n\n\n\n<p>De todas formas, los diferentes m\u00f3dulos alcanzan niveles diferentes y, mientras algunos m\u00f3dulos como flexbox se encuentran en su nivel 1 (se incorpora en el nivel 3 general), otros ya se encuentran en su nivel 4 o incluso 5. Es posible, incluso, que aunque W3C publique una nueva revisi\u00f3n, <strong>ni siquiera se denomine como CSS4<\/strong>.<\/p>\n\n\n\n<p>No obstante las novedades siguen y seguir\u00e1n llegando y te iremos informando de todas las <a href=\"https:\/\/carontestudio.com\/blog\/novedades-en-css-para-2022-css4-no-existe\/\">nuevas propiedades CSS<\/a> que vayan surgiendo. Si  te ha gustado el tema y quieres profundizar m\u00e1s, te recomiendo este completo <a href=\"https:\/\/www.w3.org\/Style\/CSS20\/history.html\" target=\"_blank\" rel=\"noreferrer noopener\">art\u00edculo de W3C sobre la historia del CSS<\/a>, eso s\u00ed, est\u00e1 en ingl\u00e9s.<\/p>\n\n\n\n<div class=\"wp-block-columns sabermas is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/carontestudio.com\/blog\/novedades-en-css-para-2022-css4-no-existe\/\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"604\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/12\/novedades-css-2022-1024x604.jpg\" alt=\"Novedades en CSS para 2022\" class=\"wp-image-8137\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/12\/novedades-css-2022-1024x604.jpg 1024w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/12\/novedades-css-2022-300x177.jpg 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/12\/novedades-css-2022-768x453.jpg 768w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/12\/novedades-css-2022.jpg 1250w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/carontestudio.com\/blog\/que-son-los-selectores-css-y-que-tipos-existen\/\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"604\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/07\/poster-selectores-css-1024x604.jpg\" alt=\"Tipos de selectores CSS\" class=\"wp-image-5593\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/07\/poster-selectores-css-1024x604.jpg 1024w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/07\/poster-selectores-css-300x177.jpg 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/07\/poster-selectores-css-768x453.jpg 768w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/07\/poster-selectores-css.jpg 1250w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfConoces las versiones anteriores de CSS? \u00bfNo?&#8230; Nosotros tampoco, pero te hablamos de sus anteriores niveles&#8230; Y es que es un t\u00e9rmino m\u00e1s adecuado para hablar de las versiones CSS \u00bfCu\u00e1l es la \u00faltima versi\u00f3n? \u00bfQu\u00e9 hab\u00eda antes? \u00bfQu\u00e9 aport\u00f3 cada nivel? Te lo contamos en este art\u00edculo.<\/p>\n","protected":false},"author":2,"featured_media":9991,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[94],"tags":[93],"class_list":["post-9977","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","tag-css"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Versiones CSS. Los diferentes niveles hasta CSS3<\/title>\n<meta name=\"description\" content=\"\u00bfConoces las versiones anteriores de CSS? \u00bfNo?... Nosotros tampoco, pero te hablamos de sus anteriores niveles. \ud83d\ude09\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/carontestudio.com\/blog\/versiones-css\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Versiones CSS. Los diferentes niveles hasta CSS3\" \/>\n<meta property=\"og:description\" content=\"\u00bfConoces las versiones anteriores de CSS? \u00bfNo?... Nosotros tampoco, pero te hablamos de sus anteriores niveles. \ud83d\ude09\" \/>\n<meta property=\"og:url\" content=\"https:\/\/carontestudio.com\/blog\/versiones-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de maketing | Caronte\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/carontewebstudio\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-05-31T11:00:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/versiones-css-cual-es-la-ultima-version.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1250\" \/>\n\t<meta property=\"og:image:height\" content=\"737\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Alberto Bravo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alberto Bravo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/versiones-css\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/versiones-css\\\/\"},\"author\":{\"name\":\"Alberto Bravo\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/a0133e9cd91f1e8b75d120ac01ff0350\"},\"headline\":\"Versiones CSS\",\"datePublished\":\"2022-05-31T11:00:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/versiones-css\\\/\"},\"wordCount\":996,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/versiones-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/versiones-css-cual-es-la-ultima-version.jpg\",\"keywords\":[\"CSS\"],\"articleSection\":[\"Dise\u00f1o web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/versiones-css\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/versiones-css\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/versiones-css\\\/\",\"name\":\"Versiones CSS. Los diferentes niveles hasta CSS3\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/versiones-css\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/versiones-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/versiones-css-cual-es-la-ultima-version.jpg\",\"datePublished\":\"2022-05-31T11:00:00+00:00\",\"description\":\"\u00bfConoces las versiones anteriores de CSS? \u00bfNo?... Nosotros tampoco, pero te hablamos de sus anteriores niveles. \ud83d\ude09\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/versiones-css\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/versiones-css\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/versiones-css\\\/#primaryimage\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/versiones-css-cual-es-la-ultima-version.jpg\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/versiones-css-cual-es-la-ultima-version.jpg\",\"width\":1250,\"height\":737,\"caption\":\"Versiones de CSS\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/versiones-css\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Versiones CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"name\":\"Blog de marketing | Caronte\",\"description\":\"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.\",\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\",\"name\":\"Caronte - Agencia de marketing\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"width\":1090,\"height\":155,\"caption\":\"Caronte - Agencia de marketing\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/carontewebstudio\\\/\",\"https:\\\/\\\/www.instagram.com\\\/caronte_studio\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@carontewebstudio\",\"https:\\\/\\\/www.youtube.com\\\/@carontewebstudio\",\"https:\\\/\\\/es.linkedin.com\\\/company\\\/carontewebstudio\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/a0133e9cd91f1e8b75d120ac01ff0350\",\"name\":\"Alberto Bravo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g\",\"caption\":\"Alberto Bravo\"},\"sameAs\":[\"http:\\\/\\\/albertobravoart.com\",\"https:\\\/\\\/www.instagram.com\\\/albertobravoart\\\/\",\"https:\\\/\\\/es.linkedin.com\\\/in\\\/albertobravobarreiro\",\"https:\\\/\\\/www.youtube.com\\\/@albertobravoart224\"],\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/author\\\/alberto\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Versiones CSS. Los diferentes niveles hasta CSS3","description":"\u00bfConoces las versiones anteriores de CSS? \u00bfNo?... Nosotros tampoco, pero te hablamos de sus anteriores niveles. \ud83d\ude09","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:\/\/carontestudio.com\/blog\/versiones-css\/","og_locale":"es_ES","og_type":"article","og_title":"Versiones CSS. Los diferentes niveles hasta CSS3","og_description":"\u00bfConoces las versiones anteriores de CSS? \u00bfNo?... Nosotros tampoco, pero te hablamos de sus anteriores niveles. \ud83d\ude09","og_url":"https:\/\/carontestudio.com\/blog\/versiones-css\/","og_site_name":"Blog de maketing | Caronte","article_publisher":"https:\/\/www.facebook.com\/carontewebstudio\/","article_published_time":"2022-05-31T11:00:00+00:00","og_image":[{"width":1250,"height":737,"url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/versiones-css-cual-es-la-ultima-version.jpg","type":"image\/jpeg"}],"author":"Alberto Bravo","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Alberto Bravo","Tiempo de lectura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/carontestudio.com\/blog\/versiones-css\/#article","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/versiones-css\/"},"author":{"name":"Alberto Bravo","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/a0133e9cd91f1e8b75d120ac01ff0350"},"headline":"Versiones CSS","datePublished":"2022-05-31T11:00:00+00:00","mainEntityOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/versiones-css\/"},"wordCount":996,"commentCount":0,"publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/versiones-css\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/versiones-css-cual-es-la-ultima-version.jpg","keywords":["CSS"],"articleSection":["Dise\u00f1o web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/carontestudio.com\/blog\/versiones-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/carontestudio.com\/blog\/versiones-css\/","url":"https:\/\/carontestudio.com\/blog\/versiones-css\/","name":"Versiones CSS. Los diferentes niveles hasta CSS3","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/versiones-css\/#primaryimage"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/versiones-css\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/versiones-css-cual-es-la-ultima-version.jpg","datePublished":"2022-05-31T11:00:00+00:00","description":"\u00bfConoces las versiones anteriores de CSS? \u00bfNo?... Nosotros tampoco, pero te hablamos de sus anteriores niveles. \ud83d\ude09","breadcrumb":{"@id":"https:\/\/carontestudio.com\/blog\/versiones-css\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carontestudio.com\/blog\/versiones-css\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/versiones-css\/#primaryimage","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/versiones-css-cual-es-la-ultima-version.jpg","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/05\/versiones-css-cual-es-la-ultima-version.jpg","width":1250,"height":737,"caption":"Versiones de CSS"},{"@type":"BreadcrumbList","@id":"https:\/\/carontestudio.com\/blog\/versiones-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/carontestudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Versiones CSS"}]},{"@type":"WebSite","@id":"https:\/\/carontestudio.com\/blog\/#website","url":"https:\/\/carontestudio.com\/blog\/","name":"Blog de marketing | Caronte","description":"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.","publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carontestudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/carontestudio.com\/blog\/#organization","name":"Caronte - Agencia de marketing","url":"https:\/\/carontestudio.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","width":1090,"height":155,"caption":"Caronte - Agencia de marketing"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/carontewebstudio\/","https:\/\/www.instagram.com\/caronte_studio\/","https:\/\/www.tiktok.com\/@carontewebstudio","https:\/\/www.youtube.com\/@carontewebstudio","https:\/\/es.linkedin.com\/company\/carontewebstudio"]},{"@type":"Person","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/a0133e9cd91f1e8b75d120ac01ff0350","name":"Alberto Bravo","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g","caption":"Alberto Bravo"},"sameAs":["http:\/\/albertobravoart.com","https:\/\/www.instagram.com\/albertobravoart\/","https:\/\/es.linkedin.com\/in\/albertobravobarreiro","https:\/\/www.youtube.com\/@albertobravoart224"],"url":"https:\/\/carontestudio.com\/blog\/author\/alberto\/"}]}},"_links":{"self":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/9977","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/comments?post=9977"}],"version-history":[{"count":6,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/9977\/revisions"}],"predecessor-version":[{"id":9990,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/9977\/revisions\/9990"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media\/9991"}],"wp:attachment":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media?parent=9977"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/categories?post=9977"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/tags?post=9977"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}