base.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. @charset "utf-8";
  2. /* 防止用户自定义背景颜色对网页的影响,添加让用户可以自定义字体 */
  3. html {
  4. color:#000;
  5. background:#fff;
  6. -webkit-text-size-adjust: 100%;
  7. -ms-text-size-adjust: 100%;
  8. }
  9. /* 内外边距通常让各个浏览器样式的表现位置不同 */
  10. body, div, dl, dt, dd, ul, ol, li {
  11. margin:0;
  12. padding:0;
  13. }
  14. /* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
  15. article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  16. display:block;
  17. }
  18. /* HTML5 媒体文件跟 img 保持一致 */
  19. audio, canvas, video {
  20. display: inline-block;
  21. *display: inline;
  22. *zoom: 1;
  23. }
  24. /* 要注意表单元素并不继承父级 font 的问题 */
  25. body, button, input, select, textarea {
  26. font:12px/1.5 tahoma, arial, \5b8b\4f53;
  27. }
  28. input, select, textarea {
  29. font-size:100%;
  30. }
  31. /* 去掉各Table cell 的边距并让其边重合 */
  32. table {
  33. border-collapse:collapse;
  34. border-spacing:0;
  35. }
  36. /* IE bug fixed: th 不继承 text-align*/
  37. th {
  38. text-align:inherit;
  39. }
  40. /* 去除默认边框 */
  41. fieldset, img {
  42. border:0;
  43. }
  44. /* ie6 7 8(q) bug 显示为行内表现 */
  45. iframe {
  46. display:block;
  47. }
  48. /* 去掉列表前的标识, li 会继承 */
  49. ol, ul {
  50. list-style:none;
  51. }
  52. /* 对齐是排版最重要的因素, 别让什么都居中 */
  53. caption, th {
  54. text-align:left;
  55. }
  56. /* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
  57. h1, h2, h3, h4, h5, h6 {
  58. font-size:100%;
  59. font-weight:500;
  60. }
  61. /* 让链接在 hover 状态下显示下划线 */
  62. a:hover {
  63. text-decoration:underline;
  64. }
  65. /* 默认不显示下划线,保持页面简洁 */
  66. ins, a {
  67. text-decoration:none;
  68. }
  69. /* 清理浮动 */
  70. .fn-clear:after {
  71. visibility:hidden;
  72. display:block;
  73. font-size:0;
  74. content:" ";
  75. clear:both;
  76. height:0;
  77. }
  78. .fn-clear {
  79. zoom:1; /* for IE6 IE7 */
  80. }
  81. /* 设置内联, 减少浮动带来的bug */
  82. .fn-left, .fn-right {
  83. display:inline;
  84. }
  85. .fn-left {
  86. float:left;
  87. }
  88. .fn-right {
  89. float:right;
  90. }
  91. /*标题样式*/
  92. h1,h2,h3,h4,h5{
  93. font-weight:bolder;
  94. }
  95. h1{
  96. font-size:26px;
  97. }
  98. h2{
  99. font-size:22px;
  100. }
  101. h3{
  102. font-size:18px;
  103. }
  104. h4{
  105. font-size:14px;
  106. }
  107. h5{
  108. font-size:12px;
  109. }
  110. .blank10{
  111. clear:both;
  112. height:10px;
  113. width:100%;
  114. }
  115. .blank15{
  116. clear:both;
  117. height:15px;
  118. width:100%;
  119. }
  120. .red{
  121. color:red;
  122. }
  123. .yellow{
  124. color:#F60;
  125. }