11
2014
02

box-sizing的使用及浏览器盒子模式回顾

box-sizing是一个CSS3中的属性,他的出现让传统的盒子模式有所改变,算是一个非常重要的属性,一个可以让你回到浏览器怪异模式的时代。先回顾下盒子模式。


盒子模式( 标准模式和IE的怪异模式的区别)

盒子模式在各浏览器分为两种: 标准模式和IE的怪异模式(quirksmode),两种模式的区别和简单就是区域的宽度高度换算方法。从一个简单的例子来看这两模式的区别。

.box {
    width: 200px;
    height: 200px;
    border: 20px solid black;
    padding: 50px;
    margin: 50px;
}


15
2013
02

CSS3浏览器支持参照表

CSS3还不是W3C的一个标准规范,但是很多主流浏览器已经开始支持它许多新的属性,下面就是一个CSS3属性的浏览器支持参照表。(来自w3schools,收藏下来以便日后方便查询)

icon图标后加数字的是表示该浏览器的那个版本:

944510.5

The number indicates the browser version in which the property was first supported.


«1»