层叠加的五条叠加法则
法则一：同辈元素定位方式相同，且无z-index设置时，html靠后者居上。
法则二：同辈元素同为动态定位时，且有z-index设置时，z-index值大者居上。
法则三：同辈元素定位方式不同时，动态定位居上。
法则四：非同辈元素，任意一者及其祖元素不具备动态布局时，html靠后者居上。
法则五：【重要】非同辈元素，任意一者或其祖元素拥有动态定位时，同时各自向上寻找动态定位的祖元素，并分别从中拿出具备最高级别的祖元素（或其本身）进行比较。
(x)html+css实现的表格
例如下面这个表格，你用单纯的“table”可以做出来，你用“div”也可以模仿出来，但根据Web标准的可用性、可访问性，使结构更具有语义，实现结构与表现的分离，就应该使用(x)html+css来实现。
提示：你可以先修改部分代码再运行。
简要的介绍一下：其实table、div都是xhtml的一个元素，table有它自己的作用，它就是用来做表格的，当网站内需要表格元素的时候，它是不可或缺的组成部分。div更是常用的元素之一。
我们应该按照它们在机器语言中的语义，来给予他们不同的使命，当你用符合语义的XHTML，告诉它哪个是更重要的标题（h1/h2/h3/h4/h5/h6），哪个是列表（ul/ol/dl），哪个是段落（p）……
搜索引擎就能够读懂你的网站，而整个网站都是table布局，就谈不上主次之分，搜索引擎理解也会很吃力。用更为简洁的XHTML代码，不仅能提升页面开启速度，更重要的是能被搜索引擎这类机器更合理的处理。