-
1、-moz代表firefox浏览器私有属性
-
2、-ms代表私有属性
-
3、-webkit代表safari、chrome私有属性
-
这些是为了兼容老版本的写法，比较新版本的浏览器都支持直接写：border-radius。
-
现在比较流行的一个概念就是：不太关键的样式，可以不考虑兼容，比如你说的圆角，并不影响内容的显示，如果客户浏览器太旧，就让他看到旧的方形效果就是，一定要看到新效果，只能建议客户升级浏览器。
- box-sizing:content-box 标准盒子模型
- width = content，如设置了style="width:100px;padding:5px;boder:1px solid #000"，content的宽度就是100px
- box-sizing:border-box 怪异盒子模型
- width = content + padding + border，如设置了style="width:100px;padding:5px;boder:1px solid #000"，content的宽度就只有88px
-
box-sizing: border-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;