{"id":22,"date":"2007-01-02T07:04:17","date_gmt":"2007-01-02T06:04:17","guid":{"rendered":"http:\/\/www.loretahur.es\/AprendiendoCSS\/%c2%bfcomo-funcionan-los-navegadores\/"},"modified":"2007-01-02T00:46:12","modified_gmt":"2007-01-01T23:46:12","slug":"como-tratan-los-navegadores-a-las-paginas-web","status":"publish","type":"post","link":"http:\/\/www.loretahur.net\/AprendiendoCSS\/como-tratan-los-navegadores-a-las-paginas-web\/","title":{"rendered":"\u00bfC\u00f3mo tratan los navegadores a las p\u00e1ginas web?"},"content":{"rendered":"<p>Con este sugerente t\u00edtulo no me voy a poner a hablar de malos tratos hacia el HTML ni nada parecido ;-). No os impacient\u00e9is porque ya pronto entraremos en harina, pero antes me gustar\u00eda que quedasen claros los conceptos fundamentales. <\/p>\n<p>Uno de esos conceptos es el funcionamiento de los navegadores: <strong>\u00bfc\u00f3mo tratan \u00e9stos a nuestras p\u00e1ginas web?<\/strong>.<\/p>\n<p>En este interesante art\u00edculo de <a href=\"http:\/\/www.anieto2k.com\/2006\/12\/26\/css-entendiendo-y-aplicando-los-hacks\/\">Anieto2k<\/a> se explica lo siguiente: <\/p>\n<p>Un navegador recibe la p\u00e1gina web en la que se encuentra la referencia al fichero CSS que debe cargar (<a href=\"http:\/\/www.loretahur.es\/AprendiendoCSS\/como-aplicamos-el-css\/\">aqu\u00ed<\/a> explic\u00e1bamos de cu\u00e1ntas formas se pod\u00eda incluir ese c\u00f3digo CSS). <\/p>\n<p>El navegador carga todo el c\u00f3digo HTML y posteriormente pasa a aplicar los estilos CSS. Para ello sigue un orden secuencial leyendo el fichero desde el principio hasta el final y aplicando los estilos seg\u00fan van apareciendo. Por tanto, cada asignaci\u00f3n de estilos se sobrepone a la anterior, (es como en las pel\u00edculas de <em>Los Inmortales<\/em>, el \u00faltimo estilo es el que prevalece sobre los anteriores).<\/p>\n<p>Para verlo m\u00e1s claro tiraremos de ejemplos:<\/p>\n<blockquote><p>elemento {<br \/>\n\tborder:3px red solid;<br \/>\n\tborder:2px blue solid;<br \/>\n}<\/p><\/blockquote>\n<p>Aqu\u00ed, al elemento se le aplica un borde rojo de 3px y posteriormente otro azul de 2px que ser\u00e1 el que se muestre.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Con este sugerente t\u00edtulo no me voy a poner a hablar de malos tratos hacia el HTML ni nada parecido ;-). No os impacient\u00e9is porque ya pronto entraremos en harina, pero antes me gustar\u00eda que quedasen claros los conceptos fundamentales. Uno de esos conceptos es el funcionamiento de los navegadores: \u00bfc\u00f3mo tratan \u00e9stos a nuestras [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"_links":{"self":[{"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/posts\/22"}],"collection":[{"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":0,"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/posts\/22\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/media?parent=22"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/categories?post=22"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/tags?post=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}