Css样式总结

因为刚接触前端所以样式会一点点添加,

如果有生僻样式或者用到很少的样式可在留言区留言、留言留言

本人会定期添加进来。方便以后查找。一起共勉谢谢。

字体:

line-height          字体高度,也可理解为行高,如果line-height与height一样高,line-height会把元素撑高:即height与line-height计算高度不统一。

盒子:

box-sizing          具体是什么不清楚:说下用处吧,默认content-box,大家都知道,如果一个div内部元素固定,外部元素设置padding以后,外部的元素会被撑大。就是因为这个的默认值为content-box,如果想内部元素缩小,外部元素不变。则可以设置 box-sizing: border-box;

 

 

 

常见的样式组合:

文本超出打点:

     overflow:hidden; //超出隐藏 text-overflow:ellipsis; //溢出用省略号表示 display:-webkit-box; //将对象作为弹性伸缩盒子模型显示 -webkit-box-orient:vertical;//从上到下垂直排列子元素(设置伸缩盒子的子元素排列方式)
     -webkit-line-clamp:1; //这个属性不是css的规范属性,需要组合上面两个属性,表示显示的行数。

 

 

 

 

 

 

会定期补充的ing

 

posted @ 2018-02-05 16:41  苦心明  阅读(110)  评论(0)    收藏  举报