您的位置:首页 > Web前端 > CSS

移动web开发清除默认样式设置

2016-07-01 10:25 666 查看
/*reset css*/
*,::before,::after{
margin:0;
padding:0;
/*清除移动端默认的点击高亮效果*/
-webkit-tap-highlight-color:transparent;
/*设置以边框开始计算宽度*/
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

body{
font-size:14px;
font-family:"Microsoft YaHei",sans-serif;/*设备默认字体*/
color:#333;
}

a{
color:#333;
text-decoration:none;
}

a:hover{
text-decoration:none;
}

ul,ol{
list-style:none;
}

input{
border:none;
outline:none;
/*清除移动端默认的表单样式*/
-webkit-appearance:none;
}

/*common css*/
.f_left{
float:left;
}

.f_right{
float:right;
}

.clearfix::before,.clearfix::after{
content:"";
height:0;
line-height:0;
display:block;
visibility:hidden;
clear:both;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: