CSS实战技巧

CSS初始化

不同浏览器对一些标签默认值不同，为照顾浏览器兼容性，我们要对CSS初始化。（称CSS reset）

每个网页都要首先进行CSS初始化

如  * { margin: 0;  padding: 0}  等

溢出文字省略号显示

1.单行文本溢出显示省略号--

强制一行内显示文本              white-space:nowrap；  /* 默认为normal自动换行 */

超出部分隐藏                         overflow:hidden;

文字用省略号代替超出部分   text-overflow:ellipsis;

2.多行文本溢出显示省略号--（有兼容性问题，较适合webkit浏览器或移动端）

overflow:hidden;

text-overflow:ellipsis;

display:-webkit-box;       /* 弹性伸缩盒子模型显示 */

-webkit-line-clamp:2;         /* 限制在一个块元素显示的文本行数 */

-webkit-box-orient:vertical;  /* 设置或检索盒对象子元素排列方式 */

注：要自己控制盒子大小

text-decoration:none ;    //  去掉超链接下划线