CSS3新特性属性

1.  box-sizing 属性

指定两个boxes接壤:决定内容的宽度和高度是否减去各自双方该边框和填充的宽度从指定的”宽度”和”高度”属性计算。

参考来源:

http://zh.learnlayout.com/box-model.html

对比

http://zh.learnlayout.com/box-sizing.html

2. 多列布局 column-count、column-gap

CSS columns是很新的标准,所以你需要使用前缀,并且它不被IE9及以下和Opera Mini支持。还有许多和 column 相关的属性,点击这里了解更多

3.Flexbox 属性的布局

1).flexbox平分空间布局

2).flexbox居中布局

来源:http://zh.learnlayout.com/flexbox.html

 

Leave a comment