css3中-moz、-ms、-webkit与盒子模型

• 1、-moz代表firefox浏览器私有属性

• 2、-ms代表ie浏览器私有属性

• 3、-webkit代表safari、chrome私有属性

• 这些是为了兼容老版本的写法，比较新版本的浏览器都支持直接写：border-radius。

• 现在比较流行的一个概念就是：不太关键的样式，可以不考虑兼容，比如你说的圆角，并不影响内容的显示，如果客户浏览器太旧，就让他看到旧的方形效果就是，一定要看到新效果，只能建议客户升级浏览器。

• box-sizing:content-box  标准盒子模型
• width = content，如设置了style="100px;padding:5px;boder:1px solid #000"，content的宽度就是100px
• box-sizing:border-box    怪异盒子模型
• width = content + padding + border，如设置了style="100px;padding:5px;boder:1px solid #000"，content的宽度就只有88px

•  box-sizing: border-box;
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;