盒模型包括哪些属性
magin
padding
border
width
height
text-align: center的作用是什么，作用在什么元素上？能让什么元素水平居中
作用于内联元素，使内联元素居中
如果遇到一个属性想知道兼容性，在哪查看?
caniuse
IE 盒模型和W3C盒模型有什么区别?
ie678怪异模式（不添加 doctype）使用 ie 盒模型，宽度=边框+padding+内容宽度
chrome， ie9+, ie678(添加 doctype) 使用标准盒模型， 宽度= 内容宽度
怪异模式.png
谷歌怪异.png
IE6怪异.png
普通模式代码.png
谷歌普通.png
IE6普通.png
知识点-IE 盒模型 vs 标准盒模型
以下代码的作用？兼容性？
*{ box-sizing: border-box;}/*针对所有的元素把盒模型变成border*/
border-box.png
box-sizing属性可以为三个值之一：content-box（default），border-box，padding-box。
content-box，border和padding不计算入width之内
padding-box，padding计算入width内
border-box，border和padding计算入width之内
兼容性
本教程版权归作者和饥人谷所有，转载须说明来源
网友评论