Reset de CSS

Com ja hem anat veient, el navegador té els seus propis estils. Això 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és modifiquem algunes coses i donem per bones les altres coses que el navegador aplica per voluntat pròpia.. però mai podem estar segures d’aquesta part. Pot passar que el que el navegaodor fa sigui diferent d’un ordinador a un altre, d’un navegador a l’altre,…

Per això, una bona pràctica és aplicar un reset abans de posar els nostres estils. Un reset és un conjunt de regles CSS pensades per fer tàbula rasa.

A més, en els resets ens assegurem de definir algunes regles que ens ajudaran a no tenir mal de caps, com canviar el box-sizing a «border-box». Recorda que el box-sizing és la manera com el navegador construeix les caixes. Quan li donem el valor border-box a una caixa, el que fem és 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’allò que el navegador estigui dissenyat per fer.