CSS层叠加的原则
静态定位：position:static（为position属性的默认值）。
动态定位：position:relative或position:absolute或position:fixed。
祖元素：任意包含该元素的元素。 父元素：直接包含该元素的祖元素。 同辈元素：拥有共同的父元素的元素。
注：这些概
念为作者自定义，仅用于本文。
引用:
关于同辈元素是个非常关键的词，这里还需要详细解释
一下。
<div>
<div></div>
<div id="a"></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<div
id="f">
<div></div>
<div
id="b"></div>
<div id="c"></div>
<div></div>
<div></div>
<div></div>
</div>
在这个例子中，div#a与
div#b并不是“同辈元素”，只有像div#b和div#c这样拥有同样父体div#f的的元素才能叫“同辈元素”。
引用结束
接
下来看看这五条法则
：
法则一
：同辈元素定位方式相同，且无z-index设置
时，html靠后者居上。
法
则二
：同辈元素同为动态定位时，且有z-index设置时，z-index值大者居上。
猛点这里测试
法则三
：同辈元素定位方式不同时，动态定位居上。
猛点这里测试
法则四
：非同辈元素，任意一者及其祖元素不具备动态布局时，html靠后者居上。
猛点这里测试
法
则五
：【重要】非同辈元素，任意一者或其祖元素拥有动态定位时，同时各自向上寻找动态定位的祖元素，并分别从中拿出具备最高级别的祖元
素（或其本身）进行比较。
<div id="ab" style=
相关文档：
各地哀悼玉树地震遇难同胞h1
各地哀悼玉树地震遇难同胞32px
各地哀悼玉树地震遇难同胞h2
各地哀悼玉树地震遇难同胞24px
各地哀悼玉树地震遇难同胞h3
各地哀悼玉树地震遇难同胞18px
各地哀悼玉树地震遇难同胞h4
各地哀悼玉树地震遇难同胞16px
各地哀悼玉树地震遇难同胞h5
各地哀悼玉树地震遇难同胞13px
各地哀悼玉 ......
转自：http://www.linji.cn/post/1595/
用CSS让元素居中显示并不是件很简单的事情——同样的合法CSS居中设置在不同的浏览器中的表现行为却各有千秋。在这里，我介绍一种很好的居中处理办法，但这之前，让我们先来看看最常见的使用CSS居中元素的方法。
使用自动外边距实现居中
CSS
中首选的让元素水平居中的� ......
CSS(Cascading Style Sheets)层叠样式表作用是将网页内容和显示样式进行分离，提高了显示功能。
CSS代码格式：
选择器名称 { 属性名：属性值；属性名：属性值；……}
选择器（对不同的HTML标签进行控制，并赋予各种样式声明，即可实现各种效果）：
标签� ......
//css样式的书写
//元素ID
#tb1{width:100%;height:80px;background-color:#FFD700;padding:4px;font-family:verdana,tahoma;font-weight:bold;}
#tb2{width:100%;padding:4px;font-family:verdana,tahoma;margin:12px
0px 0px 0px;background-color:#EEEEEE;font-weight:bold;}
//类
.test{cursor:hand;
&nb ......
关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助.
一、CSS HACK
以下两种方法几乎能解决现今所有HACK.
1, !important
随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)
< ......
