Reset.css, czy się opłaca?

Question

Cześć, czy opłaca się resetować css przed rozpoczęciem tworzenia strony?

Czy lepiej to pominąć? 

RESET.cssy

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

body {line-height:1;}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display:block; zoom:1;
}

nav ul {list-style:none;}

blockquote, q {quotes:none;}

blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}

a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}

/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000; 
font-style:italic;
font-weight:bold;
}

del {text-decoration: line-through;}

abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}

table {
border-collapse:collapse;
border-spacing:0;
}

/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;   
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}

input, select {
vertical-align:middle;
}

 

Answer 1

Zacznijmy od tego, że reset to nie jedyne rozwiązanie: https://forum.pasja-informatyki.pl/104454/uniwersalny-css?show=104472#a104472

Każda przeglądarka ma własny arkusz stylów. Oczywiście każda ma swój własny i z tego powodu nawet strona bez żadnych stylów może wyglądać różnie. Stąd pojawił się pomysł najpierw resetowania stylów (czyli usuwania wszystkich), następnie normalizacji (czyli ustawiania ich na jednakowe wartości wszędzie), a na końcu "sanityzacji" (czyli ustawiania "sensownych" stylów domyślnych).

Comments

Mógłbyś coś więcej napisać o tej sanityzacji?

---

To po prostu https://github.com/10up/sanitize.css ;) Dość dziwne podejście, które nie zdobyło aż tak dużej popularności jak reset czy normalizacja. I to z prostej przyczyny: jest, jak to mówią po angielsku, "too opinionated".

---

Wystarczy wklepać wszystko z github, i zapisać w folderze styli tak ? Czy coś jeszcze zainstalować ?

---

Stylów*

Tak. Chociaż prawdę mówiąc zainstalowałbym przez npm/bower-a ;)

Answer 2

Ja stosuję tylko normalize.css
https://necolas.github.io/normalize.css/
http://blog.end3r.com/131/normalize-css-nie-resetuj-normalizuj/