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文件，到最后解析到样式表可能会出现页面闪烁的情况。