reset.css初始化设置

Bertha 。 2022-05-17 10:46 328阅读 0赞

reset.css

  1. /**
  2. * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
  3. * http://cssreset.com
  4. */
  5. html, body, div, span, applet, object, iframe,
  6. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  7. a, abbr, acronym, address, big, cite, code,
  8. del, dfn, em, img, ins, kbd, q, s, samp,
  9. small, strike, strong, sub, sup, tt, var,
  10. b, u, i, center,
  11. dl, dt, dd, ol, ul, li,
  12. fieldset, form, label, legend,
  13. table, caption, tbody, tfoot, thead, tr, th, td,
  14. article, aside, canvas, details, embed,
  15. figure, figcaption, footer, header, hgroup,
  16. menu, nav, output, ruby, section, summary,
  17. time, mark, audio, video{
  18. margin: 0;
  19. padding: 0;
  20. border: 0;
  21. font-size: 100%;
  22. font: inherit;
  23. font-weight: normal;
  24. vertical-align: baseline;
  25. }
  26. /* HTML5 display-role reset for older browsers */
  27. article, aside, details, figcaption, figure,
  28. footer, header, hgroup, menu, nav, section{
  29. display: block;
  30. }
  31. ol, ul, li{
  32. list-style: none;
  33. }
  34. blockquote, q{
  35. quotes: none;
  36. }
  37. blockquote:before, blockquote:after,
  38. q:before, q:after{
  39. content: '';
  40. content: none;
  41. }
  42. table{
  43. border-collapse: collapse;
  44. border-spacing: 0;
  45. }
  46. /* custom */
  47. a{
  48. color: #7e8c8d;
  49. text-decoration: none;
  50. -webkit-backface-visibility: hidden;
  51. }
  52. ::-webkit-scrollbar{
  53. width: 5px;
  54. height: 5px;
  55. }
  56. ::-webkit-scrollbar-track-piece{
  57. background-color: rgba(0, 0, 0, 0.2);
  58. -webkit-border-radius: 6px;
  59. }
  60. ::-webkit-scrollbar-thumb:vertical{
  61. height: 5px;
  62. background-color: rgba(125, 125, 125, 0.7);
  63. -webkit-border-radius: 6px;
  64. }
  65. ::-webkit-scrollbar-thumb:horizontal{
  66. width: 5px;
  67. background-color: rgba(125, 125, 125, 0.7);
  68. -webkit-border-radius: 6px;
  69. }
  70. html, body{
  71. width: 100%;
  72. font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", "微软雅黑", sans-serif;
  73. }
  74. body{
  75. line-height: 1;
  76. -webkit-text-size-adjust: none;
  77. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  78. }
  79. html{
  80. overflow-y: scroll;
  81. }
  82. /*清除浮动*/
  83. .clearfix:before,
  84. .clearfix:after{
  85. content: " ";
  86. display: inline-block;
  87. height: 0;
  88. clear: both;
  89. visibility: hidden;
  90. }
  91. .clearfix{
  92. *zoom: 1;
  93. }
  94. /*隐藏*/
  95. .dn{
  96. display: none;
  97. }

腾讯:

  1. body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
  2. body{font:12px"宋体","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%;}
  3. a{color:#2d374b;text-decoration:none}
  4. a:hover{color:#cd0200;text-decoration:underline}
  5. em{font-style:normal}
  6. li{list-style:none}
  7. img{border:0;vertical-align:middle}
  8. table{border-collapse:collapse;border-spacing:0}
  9. p{word-wrap:break-word}

新浪:

  1. body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}
  2. body{background:#fff;color:#333;font-size:12px; margin-top:5px;font-family:"SimSun","宋体","Arial Narrow";}
  3. ul,ol{list-style-type:none;}
  4. select,input,img,select{vertical-align:middle;}
  5. a{text-decoration:none;}
  6. a:link{color:#009;}
  7. a:visited{color:#800080;}
  8. a:hover,a:active,a:focus{color:#c00;text-decoration:underline;}

淘宝:

  1. body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
  2. body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }
  3. h1, h2, h3, h4, h5, h6{ font-size:100%; }
  4. address, cite, dfn, em, var { font-style:normal; }
  5. code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
  6. small{ font-size:12px; }
  7. ul, ol { list-style:none; }
  8. a { text-decoration:none; }
  9. a:hover { text-decoration:underline; }
  10. sup { vertical-align:text-top; }
  11. sub{ vertical-align:text-bottom; }
  12. legend { color:#000; }
  13. fieldset, img { border:0; }
  14. button, input, select, textarea { font-size:100%; }
  15. table { border-collapse:collapse; border-spacing:0; }

雅虎:

  1. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
  2. body { background:#fff; color:#555; font-size:14px; font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif; }
  3. td,th,caption { font-size:14px; }
  4. h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
  5. address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
  6. a { color:#555; text-decoration:none; }
  7. a:hover { text-decoration:underline; }
  8. img { border:none; }
  9. ol,ul,li { list-style:none; }
  10. input, textarea, select, button { font:14px "Arial","Microsoft YaHei","黑体","宋体",sans-serif; }
  11. table { border-collapse:collapse; }
  12. html {overflow-y: scroll;}
  13. .clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
  14. .clearfix { *zoom:1; }/*公共类*/
  15. .fl { float:left}
  16. .fr {float:right}
  17. .al {text-align:left}
  18. .ac {text-align:center}
  19. .ar {text-align:right}
  20. .hide {display:none}

网易:

  1. html {overflow-y:scroll;}
  2. body {margin:0; padding:29px00; font:12px"\5B8B\4F53",sans-serif;background:#ffffff;}
  3. div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}
  4. table,td,tr,th{font-size:12px;}
  5. li{list-style-type:none;}
  6. img{vertical-align:top;border:0;}
  7. ol,ul {list-style:none;}
  8. h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal;}
  9. address,cite,code,em,th {font-weight:normal; font-style:normal;}

哇咔咔~~

文章转载自reser.css

发表评论

表情:
评论列表 (有 0 条评论,328人围观)

还没有评论,来说两句吧...

相关阅读

    相关 notepad++的初始化设置

    在“设置”-“语言格式设置”里面,找到style里面的Line number margin一项,调整字体大小就可以调整左边标号的大小,然后文本内容的行间距即可任意调整。 设