html,body,ul,li,img,a,p {
padding:0;
margin:0;
/*设置盒子模型*/
box-sizing: border-box;
/*去除移动端特有的点击高亮效果,比如创建一个div元素,手放上去之后会有hover效果*/
-webkit-tap-highlight-color: transparent;
}
body{
font-size: 13px;
}
a,
a:hover { /*去掉a链接的默认样式*/
color:#666;
text-decoration: none;
}
ul{
list-style:none;
}
input {
/*清除文本框获取焦点时磨人的边框阴影*/
outline: none'
/*去除边框*/
boeder: none;
/*添加边框*/
border: 1px solid #ccc;
}
/*清除浮动*/
.clearfix::before,
.clearfix::after {
content: '';
height:0;
display: block;
line-height:0;
clear:both;
visibility: hiddle;
}
/*新添一些可以重复利用的样式*/
.float_r {
float: right
}
.float_l {
float: left;
}
CSS 移动端开发公共样式
最新推荐文章于 2023-06-29 16:50:11 发布