1. 程式人生 > >通用樣式設置

通用樣式設置

cor padding display 默認 light put 微軟雅黑 效果 ati

*,
::after,
::before{
margin: 0;
padding: 0;
/*盒子模型*/
box-sizing: border-box;
-webkit-box-sizing: border-box;
/*字體*/
font-family: ‘微軟雅黑‘, sans-serif;
/*取消默認點擊高亮效果*/
-webkit-tap-highlight-color: transparent;
}

/*去除默認的樣式*/
ol,ul{
list-style: none;
}
input{
border-style: none;
/*移除iOS原生顯示樣式*/
-webkit-appearance: none;
}
/*去掉 a 標簽的下劃線*/
a{
text-decoration: none;
}
.f_l{
float: left;
}
.f_r{
float: right;
}
/*清楚浮動*/
.clear_fix::before,
.clear_fix::after{
content: ‘‘;
display: block;
height: 0;
line-height: 0;
clear: both;
visibility: hidden;
}

通用樣式設置