reset.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  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. }