前端常⽤css3公共样式集合CSS公共样式格式:
* {
margin: 0;
padding: 0
}css去掉滚动条
/*让所有斜体 不倾斜*/
em,
i {
font-style: normal;
}
/*去掉列表前⾯的⼩点*/
li {
list-style: none;
}
/*图⽚没有边框 去掉图⽚底侧的空⽩缝隙*/
img {
border: 0; /*ie6*/
vertical-align: middle;
}
/*让button 按钮 变成⼩⼿*/
button {
cursor: pointer;
}
/*取消链接的下划线*/
a {
color: #666;
text-decoration: none;
}
/*a:hover {
color: #e33333;
}*/
button,
input {
font-family: 'Microsoft YaHei', 'Heiti SC', tahoma, arial, 'Hiragino Sans GB', \\5B8B\4F53, sans-serif; outline: none;
}
/*body {
background-color: #fff;
font: 12px/1.5 'Microsoft YaHei', 'Heiti SC', tahoma, arial, 'Hiragino Sans GB', \\5B8B\4F53, sans-serif; color: #666
}*/
.hide,
.none {
display: none;
}
/*使⽤after伪元素清除浮动*/
.clearfix:after {
visibility: hidden;
clear: both;
display: block;
content: " ";
height: 0;
}
.clearfix {*zoom:1;} /*IE6,7*/
/*使⽤双伪元素清楚浮动*/
.clearfix:bofore, .clearfix:after{content:"";display:table;}
.
clearfix:after{clear:both;}
.clearfix{*zoom:1;}
/*多⾏溢出(超出省略)*/
.text-two-dot{
overflow: hidden;
text-overflow: ellipsis; display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; word-break: break-word;
}