一、创建良好的标记（代码语义化）
（1）中的内容可以明显的提高页面在搜索引擎中的排名
注意：根据文档内容的结构而选择html元素，而不是根据html元素的样式
（2）避免过度使用div和span，但并不意味着避免使用div和span，几个合理位置中的div可以让文档显得井井有序。
（3）css布局存在一个常见的问题：FOUC（无样式内容瞬间，Flash of Unstyled Content）,在IE浏览器中，若以import而不是link的形式引入css，则会发生FOUC现象。但只要在html文档中
的head部分存在着一个script或者link元素，则可以避免FOUC。
（4）通过将内容置于html页面中并使用背景图像创建样式，网站能得到很多极为明显的改善：
①通过改进标记的方法，降低了页面文件的大小。
②由于css样式将被浏览器缓存，浏览器不用每次都从服务器端重复取得css样式，这样就大大加快了页面的加载速度。
③网站的可访问性增强（因为html中没有任何表示样式的相关代码）
④网站更易于管理
（5）可以使用z-index属性设置固定元素的前后位置关系，高z-index的元素将覆盖低z-index元素
注意：IE不仅不支持固定定位position:fixed; 还不支持子选择器
（6）用px作为单位进行绝对定位将能够精确地控制布局，但丧失了灵活性即一旦给定了元素的位置，那么它将
始终固定在原地。但若是用em作为left，right，top，bottom等属性的单位，元素的位置将会变得更加灵活些即
元素位置会根据用户选择不同的字号而相应改变。
（7）