一、盒模型包括哪些属性
盒模型包括元素本身的width和height，元素与边框之间的距离padding,边框的大小，边框和页面之间的距离margin。
一般情况下，width就是内容的宽度，真实的宽度是width+margin-left+margin-right+padding-left+padding-right+border-left+border-right
二、text-align: center的作用是什么，作用在什么元素上？能让什么元素水平居中
让元素水平居中，作用在块级元素上，代码写在块级元素上，使该块级元素包括的行业元素水平居中，
三、如果遇到一个属性想知道兼容性，在哪查看?
can i use
四、IE 盒模型和W3C盒模型有什么区别?
在ie6/ie7/ie8版本下，不加<!DOCTYPE html>即为怪异模式，则盒模型元素设置的width和height值为元素的占据位置，包括元素的大小，内边距，边框，外边距。
在ie6/ie7/ie8版本下，或者更高版本或者谷歌浏览器，加上<!DOCTYPE html>即为标准的W3C盒模型，即盒模型元素设置的width和height只仅仅是元素的大小，元素所占的位置要加上margin,border,padding
五、以下代码的作用？兼容性？
*{box-sizing: border-box;}设置之后，使得设置的元素的width和height值即可元素实际占位，就是将标准的W3C盒模型转换为怪异模式的盒模型。
网友评论