image.png
    京东的CSS初始化代码：
    在每一次写新新的页面时，都需要引入一下这个css代码，在vue框架中，只需要使用混入mixin即可。

    1.     /* 把我们所有标签的内外边距清零 */
    2.     * {
    3.       margin: 0;
    4.       padding: 0;
    5.     }
    7.     /* em 和 i 斜体中的文字不倾斜 */
    8.     em,
    9.     i {
    10.       font-style: normal;
    11.     }
    13.     /* 去掉列表li的小圆点 */
    14.     li {
    15.       list-style: none;
    16.     }
    18.     img {
    19.       /* border 0 是为了照顾低版本浏览器，如果图片外面包含了链接会有边框的问题 */
    20.       border: 0;
    21.       /* 取消图片底侧有空白缝隙的问题，让其居中对齐 */
    22.       vertical-align: middle;
    23.     }
    25.     button {
    26.       /* 当鼠标经过 button 按钮的时候，鼠标变成小手，也可用于a标签 */
    27.       cursor: pointer;
    28.     }
    30.     a {
    31.       /* 取消a标签自带的下划线 */
    32.       text-decoration: none;
    33.     }
    35.     a:hover {
    36.       /* 给a标签设置一个悬浮变色 */
    37.       color: skyblue;
    38.     }
    40.     /* 给按钮和输入框一个默认的字体 */
    41.     button,
    42.     input {
    43.       font-family: Microsoft YaHei, "\5B8B\4F53";
    44.     }
    46.     body {
    47.       /* CSS3 抗锯齿性 让文字显示的更加清晰（平滑smoothing） */
    48.       -webkit-font-smoothing: antialiased;
    49.       background-color: #fff;
    50.       /* 设置字体大小为12px，1.5倍行高 */
    51.       font: 12px/1.5 Microsoft YaHei, "\5B8B\4F53";
    52.     }
    54.     /* 预设两个类，专门用于隐藏页面内容，因为通过JS给标签加类，比起添加CSS属性更方便 */
    55.     .hide,
    56.     .none {
    57.       display: none;
    58.     }
    60.     /* 清除浮动 */
    61.     .clearfix::after {
    62.       visibility: hidden;
    63.       clear: both;
    64.       display: block;
    65.       content: "";
    66.       height: 0;
    67.     }
    69.     .clearfix {
    70.       /* 规定缩放比例为1，即100% */
    71.       zoom: 1;
    72.     }