why we need to add follow css to every page?

Question

i'm a fresh in css, my friend suggest me to add below css to every page,

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

why we need do that?

You don’t have to do that. If you ask your friend and he gives you a reason, then there might be a constructive question to be answered (namely whether the reason given is technically sound). — Jukka K. Korpela, Apr 19 '13 at 12:57

score 3 · Answer 1 · answered Apr 19 '13 at 09:21

3

to reset all settings, that might vary among different browsers

examples: http://meyerweb.com/eric/tools/css/reset/

answered Apr 19 '13 at 09:21

jancha

4,916
1
24
39

score 2 · Answer 2 · answered Apr 19 '13 at 09:29

2

as ExP already explained you should not use this, but a css reset can be very helpful as some browsers display certain elements different from each other (just like jancha said).

But I prefere normalize.css - it does not change the overall behavior of your elements but unifys them as best as possible.

Just load the normalize.css before you load your own css file and everythings fine! :)

http://necolas.github.io/normalize.css/

answered Apr 19 '13 at 09:29

xate

56
4

**+1** for normalize instead of reset. – t.niese Apr 19 '13 at 09:45

score 0 · Answer 3 · answered Apr 19 '13 at 09:24

0

Actually, you probably don't want to add this to every page.

It makes the font size and margins of all elements look the same. Headings would look exactly like paragraphs without even any space between them...

answered Apr 19 '13 at 09:24

Elmar Peise

14,014
3
21
40

different browsers have different predefined stylings. so with a reset stylesheet (the above one is not the best idea) you have a clean start. and you are forced to set the styles your self which ensure that the page looks the same in every browser/platform. sure using only this will have your described result, but reset script are set at the beginning, and then your styling is followed. – t.niese Apr 19 '13 at 09:28

why we need to add follow css to every page?

3 Answers3