{"id":46,"date":"2013-01-09T15:54:03","date_gmt":"2013-01-09T14:54:03","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/?p=46"},"modified":"2018-10-21T17:21:38","modified_gmt":"2018-10-21T16:21:38","slug":"resets-normalizaciones-css","status":"publish","type":"post","link":"http:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/css\/resets-normalizaciones-css\/","title":{"rendered":"Resets y normalizaciones CSS"},"content":{"rendered":"<p><\/p>\n<h2>Resets<\/h2>\n<p>Para poder visualizar sin problema cualquier p\u00e1gina, todos los navegadores tienen una hoja de estilos por defecto que aplican cuando un elemento no tiene definido un estilo (sea porque el maquetador no lo ha definido, sea porque no hay estilos definidos en la p\u00e1gina).<\/p>\n<p>A pesar de que las hojas de estilo por defecto de los diferentes navegadores son similares, las diferencias que hay entre ellos hacen recomendable definir unos estilos iniciales de manera que nos aseguremos de que si hay alg\u00fan elemento para el que no hemos definido estilo, se ver\u00e1 igual independientemente del navegador (o m\u00e1s o menos, puesto que pesar de los est\u00e1ndares, actualmente los navegadores siguen aplicando algunos \u2014pocos\u2014 estilos de maneras diferentes).<\/p>\n<p>A la t\u00e9cnica de hacer esto poniendo m\u00e1rgenes, bordes y <i>paddings<\/i> a 0 (entre otras cosas) se le llama <em>reset<\/em> y diferentes autores proponen diferentes maneras de hacerlo, cada cual con sus ventajas e inconvenientes. Los m\u00e1s populares son el <a href=\"http:\/\/yuilibrary.com\/yui\/docs\/cssreset\/\">YUI CSS Reset<\/a> y el <a href=\"http:\/\/meyerweb.com\/eric\/tools\/css\/reset\/\">Reset CSS de Eric Meyer<\/a>. Un buen recurso que aglutina informaci\u00f3n sobre el tema es <a href=\"https:\/\/cssreset.com\/\">cssreset.com<\/a>.<\/p>\n<h2>Normalizaciones<\/h2>\n<p>Con posterioridad a la aparici\u00f3n de los resets, se plante\u00f3 la alternativa de, en lugar de anular los valores por defecto de los navegadores, conservar aquellos que resulten \u00fatiles, normaliz\u00e1ndolos y corrigiendo errores e inconsistencias entre navegadores. Esta t\u00e9cnica se conoce como <em>normalizaci\u00f3n<\/em>.<\/p>\n<p>La primera normalizaci\u00f3n de CSS fue <a href=\"http:\/\/necolas.github.io\/normalize.css\/\">Normalize.css<\/a>, creado por Nicolas Gallagher y documentado en <a href=\"http:\/\/nicolasgallagher.com\/about-normalize-css\/\">About normalize.css<\/a>, que es tambi\u00e9n una buena explicaci\u00f3n de las diferencias entre un reset y una normalizaci\u00f3n.<\/p>\n<p>Como complemento al reset CSS de la YUI que hemos visto previamente tambi\u00e9n existe <a title=\"CSS Base - YUI Library\" href=\"http:\/\/yuilibrary.com\/yui\/docs\/cssbase\/\">YUI CSS Base<\/a>.<\/p>\n<hr \/>\n<p><a href=\"https:\/\/pineco.de\/a-brief-about-css-reset-and-normalize\/\">A Brief About CSS Reset and Normalize<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Resets Para poder visualizar sin problema cualquier p\u00e1gina, todos los navegadores tienen una hoja de estilos por defecto que aplican cuando un elemento no tiene definido un estilo (sea porque el maquetador no lo ha definido, sea porque no hay estilos definidos en la p\u00e1gina). A pesar de que las hojas de estilo por defecto &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/css\/resets-normalizaciones-css\/\" class=\"more-link\">Seguir leyendo<span class=\"screen-reader-text\"> \u00abResets y normalizaciones CSS\u00bb<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-46","post","type-post","status-publish","format-standard","hentry","category-css","entry"],"_links":{"self":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/wp-json\/wp\/v2\/posts\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":20,"href":"http:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/wp-json\/wp\/v2\/posts\/46\/revisions"}],"predecessor-version":[{"id":478,"href":"http:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/wp-json\/wp\/v2\/posts\/46\/revisions\/478"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/wp-json\/wp\/v2\/media?parent=46"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/wp-json\/wp\/v2\/categories?post=46"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/wp-json\/wp\/v2\/tags?post=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}