CSS一些知识点

display : inline转成内联元素，不换行；

display：block转换成块元素，换行；

display：inline-block内联块元素，即不换行又可以使用块元素所拥有的属性，类似于块元素加了浮动效果，但低版本浏览器对这个不支持。

box-sizing的属性

content-box 在宽度和高度之外绘制元素的内边距和边框

border-box 在元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制

inherit 集成父元素box-sizing 属性的值

 

浏览器兼容性

• IE8及以上版本支持该属性，Firefox 需要加上浏览器厂商前缀-moz-，对于低版本的IOS和Android浏览器也需要加上-webkit-。实际上，很多reset.css或者normal.css里都包含如下CSS语句，也是比较赞成的用法：

　　*, *:before, *:after {
　　　　-moz-box-sizing: border-box;
　　　　-webkit-box-sizing: border-box;
　　　　box-sizing: border-box;
　　}