一些好用的CSS Reset

最新推荐文章于 2024-05-12 09:30:33 发布
原创 最新推荐文章于 2024-05-12 09:30:33 发布 · 181 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#CSS #YUI #IE #HTML #Yahoo

本文介绍了 CSS Reset 的概念及其在前端开发中的重要性，并分享了多种不同的 CSS Reset 实现方案，包括 Ateneu Popular、Chris Poteet、Yahoo YUI 等知名作者的版本。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Css Reset也就Reset Css ,就是重置一些标签样式，或者说默认的样式。前端开发工作中有一款好的、统一的Css Reset将提高开发效率，提高样式代码的重用，减少重复代码，减少维护成本。 现

发表于：2009-03-21 17:18 分类：首页 > 网站重构 > CSS+XHTML > , 标签: CSS

Css Reset也就Reset Css ,就是重置一些标签样式，或者说默认的样式。前端开发工作中有一款好的、统一的Css Reset将提高开发效率，提高样式代码的重用，减少重复代码，减少维护成本。

现在分享一些老外的Css Reset，供大家参考；

1.Ateneu Popular CSS Reset

查看：Ateneu Popular

CSS代码
  1. html, body, div, span, applet, object, iframe, h1, h2, h3,      
  2. h4, h5, h6, p, blockquote,  pre , a, abbr, acronym,      
  3. address, big, cite,  code , del, dfn, em,  font , img, ins,      
  4. kbd, q, s, samp,  small , strike, strong,  sub , sup, tt,      
  5. var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,      
  6. table,  caption , tbody, tfoot, thead, tr, th, td {      
  7. margin : 0;      
  8. padding : 0;      
  9. 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 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 }     

2.Chris Poteet’s Reset CSS

查看：Chris Poteet’s

CSS代码
  1. * {      
  2.      vertical-align :  baseline baseline ;      
  3.      font-family : inherit;      
  4.      font-style : inherit;      
  5.      font-size : 100%;      
  6.      border :  none ;      
  7.      padding : 0;      
  8.      margin : 0;      
  9. }      
  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. }    

3.Yahoo’s（YUI） CSS Reset

查看： Yahoo （YUI）

CSS代码
  1. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, pre ,      
  2. form,fieldset,input,textarea,p,blockquote,th,td {      
  3.      padding : 0;      
  4.      margin : 0;      
  5. }      
  6. table {      
  7.      border-collapse :  collapse ;      
  8.      border-spacing : 0;      
  9. }      
  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. }    

4.Eric Meyer Reset CSS

查看：Eric Meyer

CSS代码
  1. html, body, div, span, applet, object, iframe, table,  caption ,      
  2. tbody, tfoot, thead, tr, th, td, del, dfn, em,  font , img, ins,      
  3. kbd, q, s, samp,  small , strike, strong,  sub , sup, tt, var,      
  4. h1, h2, h3, h4, h5, h6, p, blockquote,  pre , a, abbr,      
  5. acronym, address, big, cite,  code , dl, dt, dd, ol, ul, li,      
  6. fieldset, form, label, legend {      
  7.      vertical-align :  baseline baseline ;      
  8.      font-family : inherit;      
  9.      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. }    

5.Tantek Celik Reset CSS

查看： Tantek Celik

CSS代码
  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  }  

6.Christian Montoya Reset CSS

查看：Christian Montoya

CSS代码
  1. html, body, form, fieldset {      
  2.      margin : 0;      
  3.      padding : 0;      
  4.      font : 100%/120%  Verdana ,  Arial ,  Helvetica ,  sans-serif ;      
  5. }      
  6. h1, h2, h3, h4, h5, h6, p,  pre ,      
  7. blockquote, ul, ol, dl, address {      
  8.      margin : 1em 0;      
  9.      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. }    

7.Rudeworks Reset CSS

查看：Rudeworks

CSS代码
  1. * {      
  2.      margin : 0;      
  3.      padding : 0;      
  4.      border :  none ;      
  5. }      
  6. html {      
  7.      font : 62.5%  "Lucida Grande" , Lucida,  Verdana ,  sans-serif ;      
  8.      text-shadow :  #000   0px   0px   0px ;      
  9. }      
  10. ul {      
  11.      list-style :  none ;      
  12.      list-style-type :  none ;      
  13. }      
  14. h1, h2, h3, h4, h5, h6, p,  pre ,      
  15. blockquote, ul, ol, dl, address {      
  16.      font-weight :  normal ;      
  17.      margin : 0 0 1em 0;      
  18. }      
  19. cite, em, dfn {      
  20.      font-style :  italic ;      
  21. }      
  22. sup {      
  23.      position :  relative ;      
  24.      bottom bottom : 0.3em;      
  25.      vertical-align :  baseline baseline ;      
  26. }      
  27. sub  {      
  28.      position :  relative ;      
  29.      bottom bottom : -0.2em;      
  30.      vertical-align :  baseline baseline ;      
  31. }      
  32. li, dd, blockquote {      
  33.      margin-left : 1em;      
  34. }      
  35. code , kbd, samp,  pre , tt, var, input[type=‘text’], textarea {      
  36.      font-size : 100%;      
  37.      font-family : monaco,  "Lucida Console" , courier, mono-space;      
  38. }      
  39. del {      
  40.      text-decoration :  line-through ;      
  41. }      
  42. ins, dfn {      
  43.      border-bottom :  1px   solid   #ccc ;      
  44. }      
  45. small , sup,  sub  {      
  46.      font-size : 85%;      
  47. }      
  48. abbr, acronym {      
  49.      text-transform :  uppercase ;      
  50.      font-size : 85%;      
  51.      letter-spacing : .1em;      
  52.      border-bottom -style:  dotted ;      
  53.      border-bottom - width :  1px ;      
  54. }      
  55. a abbr, a acronym {      
  56.      border :  none ;      
  57. }      
  58. sup {      
  59.      vertical-align :  super ;      
  60. }      
  61. sub  {      
  62.      vertical-align :  sub ;      
  63. }      
  64. h1 {      
  65.      font-size : 2em;      
  66. }      
  67. h2 {      
  68.      font-size : 1.8em;      
  69. }      
  70. h3 {      
  71.      font-size : 1.6em;      
  72. }      
  73. h4 {      
  74.      font-size : 1.4em;      
  75. }      
  76. h5 {      
  77.      font-size : 1.2em;      
  78. }      
  79. h6 {      
  80.      font-size : 1em;      
  81. }      
  82. a, a:link, a:visited, a:hover, a:active {      
  83.      outline : 0;      
  84.      text-decoration :  none ;      
  85. }      
  86. a img {      
  87.      border :  none ;      
  88.      text-decoration :  none ;      
  89. }      
  90. img {      
  91.      border :  none ;      
  92.      text-decoration :  none ;      
  93. }      
  94. label, button {      
  95.      cursor :  pointer ;      
  96. }      
  97. input:focus, select:focus, textarea:focus {      
  98.      background-color :  #FFF ;      
  99. }      
  100. fieldset {      
  101.      border :  none ;      
  102. }      
  103. . clear  {      
  104.      clear :  both ;      
  105. }      
  106. . float - left  {      
  107.      float :  left ;      
  108. }      
  109. . float - right right  {      
  110.      float :  right right ;      
  111. }      
  112. body {      
  113.      text-align :  center ;      
  114. }      
  115. #wrappe r {      
  116.      margin : 0  auto ;      
  117.      text-align :  left ;      
  118. }    

8.Anieto2K Reset CSS

查看： Andrés Nieto

CSS代码
  1. html, body, div, span, applet, object, iframe,      
  2. h1, h2, h3, h4, h5, h6, p,      
  3. blockquote,  pre , a, abbr, acronym, address, big,      
  4. cite,  code , del, dfn, em,  font , img,      
  5. ins, kbd, q, s, samp,  small , strike,      
  6. strong,  sub , sup, tt, var, dl, dt, dd, ol, ul, li,      
  7. fieldset, form, label, legend,      
  8. table,  caption , tbody, tfoot, thead, tr, th, td,      
  9. 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 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. }    

9.CSSLab CSS Reset

查看：CSSLab

CSS代码
  1. html, body, div, span, applet, object, iframe, h1, h2, h3,      
  2. h4, h5, h6, p, blockquote,  pre , a, abbr, acronym, address,      
  3. big, cite,  code , del, dfn, em,  font , img, ins, kbd, q, s, samp,      
  4. small , strike, strong,  sub , sup, tt, var, dl, dt, dd, ol, ul, li,      
  5. fieldset, form, label, legend, table,  caption , tbody, tfoot,      
  6. thead, tr, th, td {      
  7.      margin : 0;      
  8.      padding : 0;      
  9.      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 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 ;}    

 

10.Condensed Meyer Reset

CSS代码
  1. body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,   
  2. pre , form, fieldset, input, textarea, p, blockquote, th, td {   
  3. padding : 0;   
  4. margin : 0;   
  5. }   
  6. fieldset, img {   
  7. border : 0;   
  8. }   
  9. table {   
  10. border-collapse :  collapse ;   
  11. border-spacing : 0;   
  12. }   
  13. ol, ul {   
  14. list-style :  none ;   
  15. }   
  16. address,  caption , cite,  code , dfn, em, strong, th, var {   
  17. font-weight :  normal ;   
  18. font-style :  normal ;   
  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 {   
  31. border : 0;   
  32. }   
  33.   

css-tricks站的调查Eric Meyer Reset CSS（也就是上面的第4个）使用人数最多，点击查看http://css-tricks.com/poll-results-what-css-reset-do-you-use/ 。

再来看看国内一个前端开发工程师自己整理的 CSS Reset:

绣财：http://54xc.cn/?p=57

CSS代码
  1. /*reset 全局定义 注释可去掉*/   
  2. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, pre , code   
  3. ,form,fieldset,legend,input,textarea,p,blockquote,th,td   
  4. { margin :0; padding :0;}   
  5. fieldset,img{ border :0;}   
  6. ul li{ list-style : none ;}   
  7. input,textarea,select{ font-family :inherit; font-size :inherit; font-weight :inherit;}   
  8. input,textarea,select{* font-size :100%;}   
  9. /* body标记样式定义全局的字体颜色、背景色和文本对齐设置 */   
  10. body{ color :  #000 ;  background :  #fff ;  text-align :  left ;  font-size :75.00%;  font-family : 'lucida grande' ,taho, verdana , 'trebuchet ms' , sans-serif ;}   
  11. /* hx系列 */   
  12. h1, h2, h3, h4, h5, h6{  font-weight :  bold ; }   
  13. h1{  font-size : 200%; }   
  14. h2{  font-size : 166.67%; }   
  15. h3{  font-size : 150%; }   
  16. h4{  font-size : 133.33%; }   
  17. h5{  font-size : 116.67%; }   
  18. h6{ font-size : 116.67%;  font-style :  italic ;}   
  19. /* 着重标记 */   
  20. cite, blackquote, em, i{  font-style :  italic ; }   
  21. strong, b{  font-weight :  bold ; }   
  22. /* 预格式标记 */   
  23. pre ,  code { font-family :  monospace ;  font-size : 1.1em;}   
  24. /* 缩写标记 */   
  25. acronym, abbr{ border-bottom : 0.1em  dashed   #c00 ; cursor :  help ; letter-spacing : .07em;}   
  26. /* 定义默认的链接样式 */   
  27. a:link, a:visited{ color : #0065FF ;  text-decoration :  none ;}   
  28. a:hover{ text-decoration :  underline ;}   
  29. /* 清除溢出，浮动 */   
  30. .clearing, .HackBox{  border-top : 1px   solid   transparent  ! important ;  clear : both ;  visibility :  hidden ;}   
  31. /* 不需要额外增加元素的清理浮动的类使用:after伪类来实现浮动清理 */   
  32. .wrapfix:after{  content :  "." ;  display :  block ;  height : 0;  clear :  both ; visibility :  hidden ;}   
  33. /* IE7 hack */   
  34. .wrapfix { display :  inline - block ;}   
  35. /* IE-mac, IE5, IE6 */   
  36. * html .wrapfix { height : 1%;}   
  37. .wrapfix { display :  block ;}   
  38. /*隐藏元素*/   
  39. .invisible{ visibility : hidden ;}   
  40. /* 从页面布局上隐藏元素*/   
  41. . hidden { display :  none ;}   
  42. /* 通用容器 */   
  43. .wrapper{ clear :  both ;  overflow :  hidden ;}   
  44. /*--框架--*/   
  45. #main { width : 950px ;  margin :0  auto ;  overflow : hidden ;}   

个人认为Css Reset的整理还是要从自身网站出发，合适自己的才是做好的。

wintershan
关注
定义更好用的CSS Reset
josiah_zhao的博客
01-20 212
如果你不定义html元素的默认css样式，那么浏览器自己就会用它自己的默认样式；但由于不同浏览器的默认样式是不一样的，会导致你开发的页面在不同的浏览器上会看上去不太一样；所以，为了避免页面在不同的浏览器上有不同的效果，我们通常需要显示地对html元素的css样式进行一些默认设置，来将“浏览器自带的设置”重置掉，这个就叫做CSS Reset
cssreset-min.css
03-14
比如 li ，这个元素默认的样式在IE和Firefox中就不一样。Css Reset 就是为了消除这种不同元素在...<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css">
reset.css 目前最好的css重置版本!
10-24
css重置是很重要的东西. reset.css 目前最好的css重置版本!
分享一些老外的CSS Reset
刘秋荣－育人之行，静以修身，淡泊明志，宁静致远
03-22 510
以前有过《Css Reset（复位）整理》：http://www.css88.com/article.asp?id=500Css Reset也就Reset Css ,就是重置一些标签样式，或者说默认的样式。前端开发工作中有一款好的、统一的Css Reset将提高开发效率，提高样式代码的重用，减少重复代码，减少维护成本。现在分享一些老外的Css Reset，供大家参考；1.Ateneu
CSS reset
weixin_34121282的博客
06-28 245
 前面的话 　　大部分的时候，作为前端，我们在写 CSS 样式之前，需要添加一份 reset.css 。CSS reset不仅用于清除默认样式，更是一种全局样式定义。如果项目前期不定制好CSS reset，后期维护阶段再对其进行修改，将会牵一发而动全身。本文将详细介绍CSS reset   reset 　　以网易NEC的CSS reset为例，来进行说明 /* reset */ h...
推荐几款主流的Css Reset
diuxieyu2483的博客
03-16 155
1、Eric Meyer’s “Reset CSS”（重置的很极端） 官方网址：CSS Tools: Reset CSS 2、HTML5 Doctor CSS Reset 官方网址：HTML5 Reset Stylesheet 3、Yahoo! (YUI 3) Reset CSS（推荐） 官方网址：CSS Reset 4、Universal Selector ‘*’ Rese...
浏览器CSS Reset的十种方法
12-11
在各种浏览器中，都会对CSS的选择器默认一些数值，譬如当h1没有被设置数值时，显示一定大小。但并不是所有的浏览器都使 用一样的数值，所以，有了CSS Reset，以让网页的样式在各浏览器中表现一致。 正在使用CSS的你...
css reset 重置样式介绍
12-13
CSS Reset，也称为CSS重置或初始化，是前端开发中的一种常见技术，旨在消除不同浏览器之间的默认样式差异，确保网页在各个浏览器上呈现一致的布局。这个特定的CSS Reset代码是作者在实践中根据前人的经验并结合自己...
简化的CSS Reset:15套CSS重设实例
09-27
【CSS Reset】是一种解决浏览器间默认样式差异的技术，它的核心思想是通过统一浏览器对CSS样式的初始值解释，消除浏览器自带的默认样式，确保不同浏览器环境下网页元素的样式一致，从而减少因浏览器差异带来的兼容性...
CSS Tools: Reset CSS
07-23
The goal of a reset stylesheet is to reduce browser inconsistencies in ... Reset styles quite often appear in CSS frameworks, and the original "meyerweb reset" found its way into Blueprint, among others.
CSS中常用的 reset.css文件
05-05
CSS中常用的 reset.css文件，用于重置html默认样式
目前比较全的CSS重设(reset)方法总结
u011927449的博客
01-16 592
在当今网页设计/开发实践中，使用CSS来为语义化的(X)HTML标记添加样式风格是重要的关键。在设计师们的梦想中都存在着这样的一个完美世界:所有的浏览器都能够理解和适用多有CSS规则，并且呈现相同的视...
个人觉得写的比较好的reset
tianyazjq的专栏
03-25 138
eric reset [code="java"] /* 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, ...
css最佳实践（reset.css）
u011927449的博客
05-25 286
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, tf
css Reset
weixin_30654419的博客
04-28 149
CSS重设就是由于各种浏览器解释CSS样式的初始值有所不同，导致设计师在没有定义某个CSS属性时，不同的浏览器会按照自己的默认值来为没有定义的样式赋值，所以我们要先定义好一些CSS样式，来让所有浏览器都按照同样的规则解释CSS，这样就能避免发生这种问题。 一.最简化的CSS Reset(重设) : * { padding: 0; margin: 0;} ...
【亲测免费】 推荐一款必备的前端利器：minireset.css
最新发布
gitblog_00043的博客
05-12 504
推荐一款必备的前端利器：minireset.css 在构建现代网页设计时，一个简洁而全面的CSS重置样式表是必不可少的起点。今天，我要向大家推荐的是jgthms/minireset.css，这是一个小巧且现代化的CSS重置库，它可以帮助你快速搭建干净、一致的基础样式。 项目介绍 minireset.css 是由Jeremy Thomas创建的一个轻量级的CSS重置框架。这个项目的目标是提供一套基础...
常用的CSSreset
前端知识库
07-25 287
* { margin: 0; padding: 0; box-sizing: border-box; } ul, ol { list-style: none; } a { text-decoration: none; color: inherit; &:hover { border-bottom: 1px solid; } }
描述css reset的作用和用途？
LuckXinXin的博客
04-12 1068
重置浏览器默认的css样式，不同的浏览器有自己的默认样式，我们需要设置在不同的浏览器下有相同的样式，避免写的网页在各个浏览器中有显示差异。 http://cssreset.com/，该网站有最流行的CSS重置样式表，可以根据自己的需求复制 http://necolas.github.io/normalize.css/，该网站提供了normalize.css的样式文件（好像国内有被墙了，只能FQ了）...
CSS Reset：实现跨浏览器样式一致性
Normalize.css 不仅仅是重置样式，而是规范化默认样式，保持一些基本元素的可读性和可用性。而Reset.css则更倾向于完全清除所有默认样式。 在实际开发中，选择哪种CSS Reset取决于项目需求和团队偏好。无论选择哪种...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值