{"id":173,"date":"2023-05-29T16:16:31","date_gmt":"2023-05-29T14:16:31","guid":{"rendered":"https:\/\/user0.gesem.es\/blog\/?page_id=173"},"modified":"2023-05-29T16:18:28","modified_gmt":"2023-05-29T14:18:28","slug":"reset-de-css","status":"publish","type":"page","link":"https:\/\/user0.gesem.es\/blog\/reset-de-css\/","title":{"rendered":"Reset de CSS"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Com ja hem anat veient, el navegador t\u00e9 els seus propis estils. Aix\u00f2 fa que qualsevol element es mostri amb propietats que no hem triat. Per exemple, els <em>h2<\/em> deixen un marge superior de 1em.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pot passar que anem posant regles de CSS on nom\u00e9s modifiquem algunes coses i donem per bones les altres coses que el navegador aplica per voluntat pr\u00f2pia.. per\u00f2 mai podem estar segures d&#8217;aquesta part. Pot passar que el que el navegaodor fa sigui diferent d&#8217;un ordinador a un altre, d&#8217;un navegador a l&#8217;altre,&#8230; <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Per aix\u00f2, una bona pr\u00e0ctica \u00e9s aplicar un <em>reset<\/em> abans de posar els nostres estils.<strong> Un reset \u00e9s un conjunt de regles CSS pensades per fer t\u00e0bula rasa.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A m\u00e9s, en els resets ens assegurem de definir algunes regles que ens ajudaran a no tenir mal de caps, com canviar el <em>box-sizing<\/em> a \u00abborder-box\u00bb. Recorda que el box-sizing \u00e9s la manera com el navegador construeix les caixes. Quan li donem el valor border-box a una caixa, el que fem \u00e9s assegurar-nos de que el padding i el border queden dins de la caixa, i no ocupen un espai extra. Normalment, al reset definim que qualsevol element faci servir el mode border-box, independentment d&#8217;all\u00f2 que el navegador estigui dissenyat per fer.<\/p>\n\n\n\n<div class=\"wp-block-group exercici\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\">Exercici<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Busca \u00abCSS reset\u00bb o \u00abreset CSS\u00bb a google. Trobar\u00e0s v\u00e0ries opcions. Tria&#8217;n una per a poder aplicar-la a la propera classe<\/p>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Com ja hem anat veient, el navegador t\u00e9 els seus propis estils. Aix\u00f2 fa que qualsevol element es mostri amb propietats que no hem triat. Per exemple, els h2 deixen un marge superior de 1em. Pot passar que anem posant regles de CSS on nom\u00e9s modifiquem algunes coses i donem per bones les altres coses&hellip; <a class=\"more-link\" href=\"https:\/\/user0.gesem.es\/blog\/reset-de-css\/\">Continueu llegint <span class=\"screen-reader-text\">Reset de CSS<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-173","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/pages\/173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/comments?post=173"}],"version-history":[{"count":3,"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/pages\/173\/revisions"}],"predecessor-version":[{"id":176,"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/pages\/173\/revisions\/176"}],"wp:attachment":[{"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/media?parent=173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}