base.css 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. /* 把我们所有标签的内外边距清零 */
  2. * {
  3. margin: 0;
  4. padding: 0;
  5. /* css3盒子模型 */
  6. box-sizing: border-box;
  7. }
  8. /* em 和 i 斜体的文字不倾斜 */
  9. em,
  10. i {
  11. font-style: normal
  12. }
  13. /* 去掉li 的小圆点 */
  14. li {
  15. list-style: none
  16. }
  17. img {
  18. /* border 0 照顾低版本浏览器 如果 图片外面包含了链接会有边框的问题 */
  19. border: 0;
  20. /* 取消图片底侧有空白缝隙的问题 */
  21. vertical-align: middle
  22. }
  23. button {
  24. /* 当我们鼠标经过button 按钮的时候,鼠标变成小手 */
  25. cursor: pointer
  26. }
  27. a {
  28. color: #666;
  29. text-decoration: none
  30. }
  31. a:hover {
  32. color: #c81623
  33. }
  34. button,
  35. input {
  36. /* "\5B8B\4F53" 就是宋体的意思 这样浏览器兼容性比较好 */
  37. font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
  38. /* 默认有灰色边框我们需要手动去掉 */
  39. border: 0;
  40. outline: none;
  41. }
  42. body {
  43. /* CSS3 抗锯齿形 让文字显示的更加清晰 */
  44. -webkit-font-smoothing: antialiased;
  45. background-color: #fff;
  46. font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
  47. color: #666
  48. }
  49. .hide,
  50. .none {
  51. display: none
  52. }
  53. /* 清除浮动 */
  54. .clearfix:after {
  55. visibility: hidden;
  56. clear: both;
  57. display: block;
  58. content: ".";
  59. height: 0
  60. }
  61. .clearfix {
  62. *zoom: 1
  63. }