css样式初始化

样式初始化

1. normalize.css

   https://github.com/necolas/normalize.css

2. 自定义初始化

   *,*::before,*::after{
       padding: 0;
       margin: 0;
   
       /*让边框不占据宽度*/
       box-sizing:border-box;
       -moz-box-sizing:border-box; /* Firefox */
   }
   
   body{
       font-family: 'Helvetica Neue', Helvetica, 'PingFang SC','Hiragino Sans GB','Microsoft Yahei','微软雅黑',Arial,sans-serif;
       
       user-select: none;
       /*ios点击设置高亮块背景为透明*/
       -webkit-tap-highlight-color:transparent;
       
       width: 100vw;
   }
   
   a{
       /*去掉下划线*/
       text-decoration: none;
   }
   
   /*清除浮动*/
   .clear-fix::after{
       clear: both;
       content: '';
       display: block;
       width: 0;
       height: 0;
       visibility: hidden;
   }
   .clear-fix{
       /*ie下清除浮动，非ie保持元素比例*/
       zoom: 1;
   }
   
   .left{
       float: left;
   }
   
   .right{
       float: right;
   }