原理：当样式表晚于结构性html加载，当加载到此样式表时，页面将停止之前的渲染。此样式表被下载和解析后，将重新渲染页面，也就出现了短暂的花屏现象。
解决方法：使用LINK标签将样式表放在文档HEAD中。
20. line-height三种赋值方式有何区别？（带单位、纯数字、百分比）
带单位：px不用计算，em则会使元素以其父元素font-size值为参考来计算自己的行高
纯数字：把比例传递给后代，例如父级行高为1.5，子元素字体为18px，则子元素行高为1.5*18=27px
百分比：将计算后的值传递给后代
21. :link、:visited、:hover、:active的执行顺序是怎么样的？
L-V-H-A，l(link)ov(visited)e h(hover)a(active)te，即用喜欢和讨厌两个词来概括
22. 经常遇到的浏览器兼容性有哪些？如何解决？
a. 浏览器默认的margin和padding不同
b. IE6双边距bug
c. 在ie6，ie7中元素高度超出自己设置高度。原因是IE8以前的浏览器中会给元素设置默认的行高的高度导致的
d. min-height在IE6下不起作用
e. 透明性IE用filter:Alpha(Opacity=60)，而其他主流浏览器用 opacity:0.6
f. input边框问题，去掉input边框一般用border:none;就可以，但由于IE6在解析input样式时的BUG(优先级问题)，在IE6下无效
23. 有哪项方式可以对一个DOM设置它的CSS样式？
a. 外部样式表：通过
<link>
标签引入一个外部css文件
b. 内部样式表：将css代码放在
<style>
标签内部
c. 内联样式：将css样式直接定义在 HTML 元素内部
24. 什么是外边距重叠？重叠的结果是什么？
外边距重叠就是margin-collapse。