一、盒模型包括哪些属性
盒模型包括元素本身的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盒模型转换为怪异模式的盒模型。