reset.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. *,
  2. ::before,
  3. ::after {
  4. box-sizing: border-box;
  5. border-color: currentcolor;
  6. border-style: solid;
  7. border-width: 0;
  8. }
  9. #app {
  10. width: 100%;
  11. height: 100%;
  12. }
  13. html {
  14. box-sizing: border-box;
  15. width: 100%;
  16. height: 100%;
  17. line-height: 1.5;
  18. tab-size: 4;
  19. text-size-adjust: 100%;
  20. min-width: 1300px;
  21. }
  22. body {
  23. width: 100%;
  24. height: 100%;
  25. margin: 0;
  26. font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
  27. "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  28. line-height: inherit;
  29. -moz-osx-font-smoothing: grayscale;
  30. -webkit-font-smoothing: antialiased;
  31. text-rendering: optimizelegibility;
  32. }
  33. a {
  34. color: inherit;
  35. text-decoration: inherit;
  36. }
  37. img,
  38. svg {
  39. display: inline-block;
  40. }
  41. svg {
  42. // 因icon大小被设置为和字体大小一致,而span等标签的下边缘会和字体的基线对齐,故需设置一个往下的偏移比例,来纠正视觉上的未对齐效果
  43. vertical-align: -0.15em;
  44. }
  45. ul,
  46. li {
  47. padding: 0;
  48. margin: 0;
  49. list-style: none;
  50. }
  51. *,
  52. *::before,
  53. *::after {
  54. box-sizing: inherit;
  55. }
  56. a,
  57. a:focus,
  58. a:hover {
  59. color: inherit;
  60. text-decoration: none;
  61. cursor: pointer;
  62. }
  63. a:focus,
  64. a:active,
  65. div:focus {
  66. outline: none;
  67. }