{"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":"https:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/ca\/css\/resets-normalizaciones-css\/","title":{"rendered":"Resets i normalitzacions CSS"},"content":{"rendered":"<p><\/p>\n<h2>Resets<\/h2>\n<p>Per poder visualitzar sense problemes qualsevol p\u00e0gina, tots els navegadors tenen un full d&#8217;estils per defecte que apliquen quan un element no t\u00e9 definit un estil (sigui perqu\u00e8 el maquetador no l&#8217;ha definit, sigui perqu\u00e8 no hi ha estils definits a la p\u00e0gina).<\/p>\n<p>Tot i que els fulls d&#8217;estil per defecte dels diferents navegadors s\u00f3n similars, les difer\u00e8ncies que hi ha entre ells fan recomanable definir uns estils inicials de manera que ens assegurem que si hi ha algun element per al que no hem definit estil, es veur\u00e0 igual independentment del navegador (o m\u00e9s o menys, ja que tot i els est\u00e0ndards, actualment els navegadors segueixen aplicant alguns \u2014pocs\u2014 estils de maneres diferents).<\/p>\n<p>A la t\u00e8cnica de fer aix\u00f2 posant marges, vores i <i>paddings<\/i> a 0 (entre d&#8217;altres coses) se l&#8217;anomena <em>reset<\/em> i diferents autors proposen diferents maneres de fer-ho, cadascun amb els seus avantatges i inconvenients. Els m\u00e9s populars s\u00f3n el <a href=\"http:\/\/yuilibrary.com\/yui\/docs\/cssreset\/\">YUI CSS Reset<\/a> i el <a href=\"http:\/\/meyerweb.com\/eric\/tools\/css\/reset\/\">Reset CSS d&#8217;Eric Meyer<\/a>. Un bon recurs que aglutina informaci\u00f3 sobre el tema \u00e9s <a href=\"https:\/\/cssreset.com\/\">cssreset.com<\/a>.<\/p>\n<h2>Normalitzacions<\/h2>\n<p>Despr\u00e9s de l&#8217;aparici\u00f3 dels resets, es va plantejar l&#8217;alternativa de, en lloc d&#8217;anul\u00b7lar els valors per defecte dels navegadors, conservar aquells que resultin \u00fatils, normalitzant-los i corregint errors i inconsist\u00e8ncies entre navegadors. Aquesta t\u00e8cnica es coneix amb el nom de <em>normalitzaci\u00f3<\/em>.<\/p>\n<p>La primera normalitzaci\u00f3 de CSS va ser <a href=\"http:\/\/necolas.github.io\/normalize.css\/\">Normalize.css<\/a>, creat per Nicolas Gallagher i documentat a <a href=\"http:\/\/nicolasgallagher.com\/about-normalize-css\/\">About normalize.css<\/a>, que \u00e9s alhora una bona explicaci\u00f3 de les difer\u00e8ncies entre un reset i una normalitzaci\u00f3.<\/p>\n<p>Com a complement al reset CSS de la YUI que hem vist pr\u00e8viament tamb\u00e9 existeix <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 Per poder visualitzar sense problemes qualsevol p\u00e0gina, tots els navegadors tenen un full d&#8217;estils per defecte que apliquen quan un element no t\u00e9 definit un estil (sigui perqu\u00e8 el maquetador no l&#8217;ha definit, sigui perqu\u00e8 no hi ha estils definits a la p\u00e0gina). Tot i que els fulls d&#8217;estil per defecte dels diferents navegadors &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/ca\/css\/resets-normalizaciones-css\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Resets i normalitzacions CSS&#8221;<\/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":"https:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/ca\/wp-json\/wp\/v2\/posts\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/ca\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/ca\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":20,"href":"https:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/ca\/wp-json\/wp\/v2\/posts\/46\/revisions"}],"predecessor-version":[{"id":478,"href":"https:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/ca\/wp-json\/wp\/v2\/posts\/46\/revisions\/478"}],"wp:attachment":[{"href":"https:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/ca\/wp-json\/wp\/v2\/media?parent=46"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/ca\/wp-json\/wp\/v2\/categories?post=46"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/ca\/wp-json\/wp\/v2\/tags?post=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}