Garrick Cheung

Sharing what I know and learn about CSS, MooTools, Javascript, PHP and etc.

CSS Best Practice #1: Reset CSS

Posted on | November 30, 2008 | 4 Comments

I think resetting browser styles is important. You’ll never know what you’re dealing with. If all the browsers start on the same page it will make your life easier because you’ll know what to expect. I personally use Eric Meyer’s Reset CSS as a base and modify it as needed.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
/* v1.0 | 20080212 */
 
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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
/* remember to define focus styles! */
:focus {
	outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

Other Resets

There are actually a lot more choices besides Eric Meyers. I found several more at a post on Pinceladas da Web. It is in Portuguese so you may need to translate.

Comments

4 Responses to “CSS Best Practice #1: Reset CSS”

  1. Nunzio Fiore
    December 1st, 2008 @ 2:04 am

    Great post,
    it’s crossbrowser and usefull….
    Nunzio Fiore

  2. Garrick
    December 2nd, 2008 @ 1:34 am

    @Nunzio

    Thank you!

  3. Vu Nguyen
    December 15th, 2008 @ 7:50 pm

    Thanks . It’s helped me a lot! :)

  4. Garrick
    December 24th, 2008 @ 4:11 am

    @Vu:
    I’m glad it helped!

Leave a Reply





taking viagra woman Cheap Viagra
cheap gerneric viagra?