CSS杂记

一般盒子的模式有两种： 
1. content-box:仅包括content.即设置的width属性值仅为content的值。（box-sizing的默认值） 
2. border-box:包括content+padding+border.设置的width的值是content+padding+border的值。

使用场景：当需要两个宽度为50%的div确保并列时，设置box-sizing:border-box; 
此时的width:50%;是content+padding+border的宽度。

 

line-height是行高，height就是高，通常height是对于某个框架或者图片来弄的，line-height用于文字
如果要实际效果你可以写一段文字，分好几行，然后对它做line-height属性，就会注意到变化了
比如：
<div style="line-height:20px;">abc<br/>abc<br/>abc<br/>abc<br/>abc<br/></div>
调整20px这个值，行间距就会发生变化
另外，line-height和height组合到一块儿，还有一种效果，就是如果把它们的值设置的一样了，文字就会在垂直方向居中