1、盒子模型
Margin：外边距（一般描述兄弟之间的距离）
Border：边框
Padding：内边距（一般描述父子之间的距离）
Content：内容
（有的情况内外边距默认为0）
标准盒子模型：
width=content
盒子总宽度= content+Margin+ Border+ Padding
IE盒子（边缘盒子）：
Width=content+border+padding
盒子总宽度= Width+ Margin
2、display的值有哪些？display:none与visibility:hidden区别？
inline（默认）–内联
none–隐藏
block–块显示
table–表格显示
list-item–项目列表
inline-block
display:none不占内存、visibility:hidden占内存
3、CSS页面布局
4、CSS选择器有哪些？哪些属性可以继承？
常用选择器：id选择器、类选择器、通配符选择器、标签选择器（div、p、h1）、属性选择器（color、background）、关系选择器（后代选择器、子选择器、兄弟选择器）、伪类选择器
可继承的属性：font-size（字体属性）,font-family,color
不可继承的样式：（几个边距属性）border, padding, margin, width, height
优先级（就近原则）：style内联样式>id>class>标签和伪元素>通配符和关系选择器
（优先级相同时，选择就近出现的样式，继承得到的样式优先级最低。）
5、伪类伪元素？
伪元素不是真正的元素，是DOM结点以外的抽象。
伪类是给某些选择器添加特定的效果。
6、style标签写在body后与body前有什么区别？
页面加载的顺序是自上而下的，一般是先加载样式。
如果style卸载body后面，浏览器逐行解析HTML文件，到最后解析到样式表可能会出现页面闪烁的情况。
