重置文件reset

body {
    margin:0; padding:0; 
    font-family: Helvetica, STHeiti, Droid Sans Fallback;
    // font-family: '微软雅黑', YaHei, tahoma, arial, "Hiragino Sans GB", \5b8b\4f53;
    
    // font-weight: normal;
    // font-family:'微软雅黑';

    // 字体size加2px,line-height加3px
    // 移动端为 rem 所以注释掉
    // font-size: 14px;
    // line-height: 14px;
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;-webkit-tap-highlight-color: rgba(0,0,0,0);}
// 移动端为 rem 所以注释掉
// table,td,tr,th{font-size:12px;}
ol,ul {list-style:none;}
li{list-style-type:none;}
img{vertical-align:top;border:0}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}

html,body,#app{
    margin:0;
    width:100%;
    height:100%;
    color: #2e2e2e;
}
// CSS去掉谷歌浏览器的黄色背景
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
// 解决vertical-align:middle的小bug(对齐问题)父元素定义
// .parent{
//     font-size:0px;
// }
.box_full{
    width:100%;
    height:100%;
}
a{
    color: #fff;
    text-decoration: none;
}
// 解决 inline-block 引起的空隙问题     也可以在负级 font-size: 0;
textarea,input{
    display: block;
}
// 去掉点iphone click击出现的透明阴影 t
// a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}
a{-webkit-tap-highlight-color:rgba(255,255,255,0);}
// 去掉点iphone click击出现的透明阴影 b


// 苹果产品自带的按钮样式会覆盖自定义的按钮样式,为解决这个问题,可以将input按钮初始化: t
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
// 苹果产品自带的按钮样式会覆盖自定义的按钮样式,为解决这个问题,可以将input按钮初始化: b

textarea {  -webkit-appearance: none;}   

input {-webkit-appearance:none; /*去除input默认样式*/}

 

posted @ 2019-08-14 13:50  龙卷风吹毁停车场  阅读(330)  评论(0编辑  收藏  举报