静态定位：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=
test.html：
<html>
<head>
<link rel="stylesheet" type="text/css" media="screen" href="c.css" mce_href="c.css" />
</head>
<body>
<div id="footer2">
this is a footer2 div
</div>
<p id=&qu ......
CSS(层叠样式表),可能看过网站制作教程网基础教程的人都知道大概是什么回事.本文来测一下,你学习CSS现在处于怎么一个阶段或者说处在一个什么等级.
本文总共将CSS学习者从低到高分为六个等级.快来看看你是在哪个等级.
第0级：CSS？什么CSS,是不是CS啊.那游戏我玩过呀.是个多人游 ......
请看下面一段代码：
<HTML>
<HEAD>
<style>
#login {font-size:14px;color:blue;}//定义了一个ID
.left{FONT-SIZE=12PX;COLOR=RED;TEXT-ALIGN=CENTER;}//定义了一个类
</style>
<TITLE>中国</TITLE>
<BODY>
<DIV STYLE="FONT-SIZE=12PX;COLOR=RED;TEXT-ALIGN=RIGHT; ......
