base.css 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  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. button,
  32. input {
  33. /* "\5B8B\4F53" 就是宋体的意思 这样浏览器兼容性比较好 */
  34. font-family:思源黑体, Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
  35. /* 默认有灰色边框我们需要手动去掉 */
  36. border: 0;
  37. outline: none;
  38. }
  39. body {
  40. /* CSS3 抗锯齿形 让文字显示的更加清晰 */
  41. -webkit-font-smoothing: antialiased;
  42. background-color: #fff;
  43. font: 12px/1.5 思源黑体, Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
  44. color: #999999;
  45. }
  46. .hide,
  47. .none {
  48. display: none
  49. }
  50. /* 清除浮动 */
  51. .clearfix:after {
  52. visibility: hidden;
  53. clear: both;
  54. display: block;
  55. content: ".";
  56. height: 0
  57. }
  58. .clearfix {
  59. *zoom: 1
  60. }
  61. ::-webkit-scrollbar {
  62. width: 3px;
  63. }
  64. ::-webkit-scrollbar-track{
  65. background: transparent;
  66. border-radius: 3px;
  67. }
  68. ::-webkit-scrollbar-thumb {
  69. background: #3a414d;
  70. border-radius: 3px;
  71. }
  72. html,
  73. body,
  74. #app {
  75. width: 100%;
  76. height: 100%;
  77. overflow: hidden;
  78. user-select: none;
  79. }
  80. #app {
  81. background: url("../img/images/background02.png") no-repeat;
  82. background-size: cover;
  83. }