10 Técnicas para Reset CSS

1. Generic Reset CSS

Esse com certeza é o mais conhecido e utilizado pelos desenvolvedores:

view sourceprint?

1.* {

2.padding: 0;

3.margin: 0;

4.border: 0;

5.}

 

2. Ateneu Popular CSS Reset

CSS inicial sugerido pelo site Ateneu Popular:

view sourceprint?

01.html, body, div, span, applet, object, iframe, h1, h2, h3,

02.h4, h5, h6, p, blockquote, pre, a, abbr, acronym,

03.address, big, cite, code, del, dfn, em, font, img, ins,

04.kbd, q, s, samp, small, strike, strong, sub, sup, tt,

05.var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,

06.table, caption, tbody, tfoot, thead, tr, th, td {

07.margin: 0;

08.padding: 0;

09.border: 0;

10.outline: 0;

11.font-weight: inherit;

12.font-style: inherit;

13.font-size: 100%;

14.font-family: inherit;

15.vertical-align: baseline;

16.}

17.:focus { outline: 0;}

18.a, a:link, a:visited, a:hover, a:active{text-decoration:none}

19.table { border-collapse: separate;border-spacing: 0;}

20.th, td {text-align: left; font-weight: normal;}

21.img, iframe {border: none; text-decoration:none;}

22.ol, ul {list-style: none;}

23.input, textarea, select, button {font-size: 100%;font-family: inherit;}

24.select {margin: inherit;}

25.hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}

3. Chris Poteet’s Reset CSS

Técnica sugerida por Chris Poteet’s para Reset CSS:

view sourceprint?

01.* {

02.vertical-align: baseline;

03.font-family: inherit;

04.font-style: inherit;

05.font-size: 100%;

06.border: none;

07.padding: 0;

08.margin: 0;

09.}

10.body {

11.padding: 5px;

12.}

13.h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, ul, ol, dl {

14.margin: 20px 0;

15.}

16.li, dd, blockquote {

17.margin-left: 40px;

18.}

19.table {

20.border-collapse: collapse;

21.border-spacing: 0;

22.}

4. Yahoo’s CSS Reset

Técnica de Reset CSS proposta pelo Yahoo:

view sourceprint?

01.body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,

02.form,fieldset,input,textarea,p,blockquote,th,td {

03.padding: 0;

04.margin: 0;

05.}

06.table {

07.border-collapse: collapse;

08.border-spacing: 0;

09.}

10.fieldset,img {

11.border: 0;

12.}

13.address,caption,cite,code,dfn,em,strong,th,var {

14.font-weight: normal;

15.font-style: normal;

16.}

17.ol,ul {

18.list-style: none;

19.}

20.caption,th {

21.text-align: left;

22.}

23.h1,h2,h3,h4,h5,h6 {

24.font-weight: normal;

25.font-size: 100%;

26.}

27.q:before,q:after {

28.content:'';

29.}

30.abbr,acronym { border: 0;

31.}

5. Eric Meyer Reset CSS

Esse com certeza deve ser o mais utilizado entre os desenvolvedores, proposto por Eric Meyer, é o que eu utilizo atualmente:

view sourceprint?

01.html, body, div, span, applet, object, iframe, table, caption,

02.tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,

03.kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,

04.h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,

05.acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,

06.fieldset, form, label, legend {

07.vertical-align: baseline;

08.font-family: inherit;

09.font-weight: inherit;

10.font-style: inherit;

11.font-size: 100%;

12.outline: 0;

13.padding: 0;

14.margin: 0;

15.border: 0;

16.}

17.:focus {

18.outline: 0;

19.}

20.body {

21.background: white;

22.line-height: 1;

23.color: black;

24.}

25.ol, ul {

26.list-style: none;

27.}

28.table {

29.border-collapse: separate;

30.border-spacing: 0;

31.}

32.caption, th, td {

33.font-weight: normal;

34.text-align: left;

35.}

36.blockquote:before, blockquote:after, q:before, q:after {

37.content: "";

38.}

39.blockquote, q {

40.quotes: "" "";

41.}

6. Tantek Celik Reset CSS

Técnica de Reset CSS proposta por Tantek Celik:

view sourceprint?

1.:link,:visited { text-decoration:none }

2.ul,ol { list-style:none }

3.h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

4.ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input

5.{ margin:0; padding:0 }

6.a img,:link img,:visited img { border:none }

7.address { font-style:normal }

7. Christian Montoya Reset CSS

Técnica sugeria por Christian Montoya:

view sourceprint?

01.html, body, form, fieldset {

02.margin: 0;

03.padding: 0;

04.font: 100%/120% Verdana, Arial, Helvetica, sans-serif;

05.}

06.h1, h2, h3, h4, h5, h6, p, pre,

07.blockquote, ul, ol, dl, address {

08.margin: 1em 0;

09.padding: 0;

10.}

11.li, dd, blockquote {

12.margin-left: 1em;

13.}

14.form label {

15.cursor: pointer;

16.}

17.fieldset {

18.border: none;

19.}

20.input, select, textarea {

21.font-size: 100%;

22.font-family: inherit;

23.}

8. Rudeworks Reset CSS

Técinca de Reset CSS proposta por Rudeworks:

view sourceprint?

001.* {

002.margin: 0;

003.padding: 0;

004.border: none;

005.}

006.html {

007.font: 62.5% "Lucida Grande", Lucida, Verdana, sans-serif;

008.text-shadow: #000 0px 0px 0px;

009.}

010.ul {

011.list-style: none;

012.list-style-type: none;

013.}

014.h1, h2, h3, h4, h5, h6, p, pre,

015.blockquote, ul, ol, dl, address {

016.font-weight: normal;

017.margin: 0 0 1em 0;

018.}

019.cite, em, dfn {

020.font-style: italic;

021.}

022.sup {

023.position: relative;

024.bottom: 0.3em;

025.vertical-align: baseline;

026.}

027.sub {

028.position: relative;

029.bottom: -0.2em;

030.vertical-align: baseline;

031.}

032.li, dd, blockquote {

033.margin-left: 1em;

034.}

035.code, kbd, samp, pre, tt, var, input[type=‘text’], textarea {

036.font-size: 100%;

037.font-family: monaco, "Lucida Console", courier, mono-space;

038.}

039.del {

040.text-decoration: line-through;

041.}

042.ins, dfn {

043.border-bottom: 1px solid #ccc;

044.}

045.small, sup, sub {

046.font-size: 85%;

047.}

048.abbr, acronym {

049.text-transform: uppercase;

050.font-size: 85%;

051.letter-spacing: .1em;

052.border-bottom-style: dotted;

053.border-bottom-width: 1px;

054.}

055.a abbr, a acronym {

056.border: none;

057.}

058.sup {

059.vertical-align: super;

060.}

061.sub {

062.vertical-align: sub;

063.}

064.h1 {

065.font-size: 2em;

066.}

067.h2 {

068.font-size: 1.8em;

069.}

070.h3 {

071.font-size: 1.6em;

072.}

073.h4 {

074.font-size: 1.4em;

075.}

076.h5 {

077.font-size: 1.2em;

078.}

079.h6 {

080.font-size: 1em;

081.}

082.a, a:link, a:visited, a:hover, a:active {

083.outline: 0;

084.text-decoration: none;

085.}

086.a img {

087.border: none;

088.text-decoration: none;

089.}

090.img {

091.border: none;

092.text-decoration: none;

093.}

094.label, button {

095.cursor: pointer;

096.}

097.input:focus, select:focus, textarea:focus {

098.background-color: #FFF;

099.}

100.fieldset {

101.border: none;

102.}

103..clear {

104.clear: both;

105.}

106..float-left {

107.float: left;

108.}

109..float-right {

110.float: right;

111.}

112.body {

113.text-align: center;

114.}

115.#wrapper {

116.margin: 0 auto;

117.text-align: left;

118.}

9. Anieto2K Reset CSS

Técnica de Reset CSS proposta por Andrés Nieto:

view sourceprint?

01.html, body, div, span, applet, object, iframe,

02.h1, h2, h3, h4, h5, h6, p,

03.blockquote, pre, a, abbr, acronym, address, big,

04.cite, code, del, dfn, em, font, img,

05.ins, kbd, q, s, samp, small, strike,

06.strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,

07.fieldset, form, label, legend,

08.table, caption, tbody, tfoot, thead, tr, th, td,

09.center, u, b, i {

10.margin: 0;

11.padding: 0;

12.border: 0;

13.outline: 0;

14.font-weight: normal;

15.font-style: normal;

16.font-size: 100%;

17.font-family: inherit;

18.vertical-align: baseline

19.}

20.body {

21.line-height: 1

22.}

23.:focus {

24.outline: 0

25.}

26.ol, ul {

27.list-style: none

28.}

29.table {

30.border-collapse: collapse;

31.border-spacing: 0

32.}

33.blockquote:before, blockquote:after, q:before, q:after {

34.content: ""

35.}

36.blockquote, q {

37.quotes: "" ""

38.}

39.input, textarea {

40.margin: 0;

41.padding: 0

42.}

43.hr {

44.margin: 0;

45.padding: 0;

46.border: 0;

47.color: #000;

48.background-color: #000;

49.height: 1px

50.}

10. CSSLab CSS Reset

Técnica de CSS Reset proposta pelo site CSSLab:

view sourceprint?

01.html, body, div, span, applet, object, iframe, h1, h2, h3,

02.h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,

03.big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,

04.small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,

05.fieldset, form, label, legend, table, caption, tbody, tfoot,

06.thead, tr, th, td {

07.margin: 0;

08.padding: 0;

09.border: 0;

10.outline: 0;

11.font-weight: inherit;

12.font-style: inherit;

13.font-size: 100%;

14.font-family: inherit;

15.vertical-align: baseline;

16.}

17.:focus {

18.outline: 0;

19.}

20.table {

21.border-collapse: separate;

22.border-spacing: 0;

23.}

24.caption, th, td {

25.text-align: left;

26.font-weight: normal;

27.}

28.a img, iframe {

29.border: none;

30.}

31.ol, ul {

32.list-style: none;

33.}

34.input, textarea, select, button {

35.font-size: 100%;

36.font-family: inherit;

37.}

38.select {

39.margin: inherit;

40.}

41./* Fixes incorrect placement of numbers in ol's in IE6/7 */

42.ol { margin-left:2em; }

43./* == clearfix == */

44..clearfix:after {

45.content: ".";

46.display: block;

47.height: 0;

48.clear: both;

49.visibility: hidden;

50.}

51..clearfix {display: inline-block;}

52.* html .clearfix {height: 1%;}

53..clearfix {display: block;}

 

fonte : http://www.pinceladasdaweb.com.br/blog/2008/11/10/10-tecnicas-para-reset-css/