前端常用css3公共样式集合

CSS公共样式格式:

* {

margin: 0;

padding: 0

}

/*让所有斜体 不倾斜*/

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;

}