我相信那些学习标准从经典论坛的朋友99%不会进入W3C，不能成为专业的研究人员。很简单，就是让自己学会通过标准更多的技能，让自己在找工作时要掌握Web标准，在下面的例子中的XHTML不是什么意义，目的是为了让大家更好的掌握CSS，相对绝对定位的使用（新手问这个问题，而事实上许多）结合如何有效的背景下，实现更复杂的布局。不足之处还希望前辈可以指向一个或两个，谢谢！

第一步------------------------------------------- --------------------------------------------------

首先，随机设计一个复杂的布局（不规则布局）演示：


第二步------------------------------------------- --------------------------------------------------
让我们来编写代码


模型


HTML，体{
保证金：0；
填充：0；
背景：# a1a9b6 URL（图像/ allbg .jpg）；
文本对齐：中心；
}
#主要{
保证金：0汽车；
我-------------------------------- >位置：相对；相对定位
宽度：780px；
身高：659px；
背景：URL（图片/模型）不重复；
}
#主要#菜单{
位置：绝对；
右：12px；
宽度：354px；
身高：115px；
背景：URL（图片/菜单）不重复；
}
#主要#菜单主菜单，# # #页{
浮点数：左；
宽度：112px；
身高：30px；
}
#主要#菜单#关于{
宽度：80px；
身高：55px；
}
#主要#菜单#服务{
宽度：70px；
身高：80px；
}
#主要#菜单#接触{
宽度：80px；
身高：115px；
}
#主要#菜单：悬停{
背景：URL（图片/菜单）不重复；
}
#主要#菜单页面：#悬停{
背景位置：0px - 115px；
}
#主要#菜单#：悬停{
背景位置：- 112px - 115px；
}
#主要#菜单#服务：悬停{
背景位置：- 192px - 115px；
}
#主要#菜单#联系人：悬停{
背景位置：- 262px - 115px；
}
#主要h1 {
位置：绝对的；-------- >我是绝对定位和相对我的水平#主要定位，因为他设置位置：相对位置：相对；如果不是我的父母发现了；然后我与体定位…

顶：0；左：1px；
宽度：151px；
身高：56px；
背景：URL（图片/徽标）不重复；
}
#主要H2 {
位置：绝对的；我也------------------ >绝对定位和上面提到的使用为我
上图：133px；
右：7px；
宽度：404px；
身高：190px；
背景：URL（图片/ gif）不重复；
}
#主要H6 {
位置：绝对的；我也------------------ >绝对定位和上面提到的使用为我
底部：75px；
右：10px；
宽度：265px；
身高：44px；
背景：URL（图像/汽车标志）不重复；
}





------------------------------------------------------------------------------ >这个菜单是如何工作的
如何通过图片来实现背景切换
呵呵，其实也是很简单的。如你所知，背景图像包括：图像水平和垂直坐标设置。这个例子应用这个特性来抵消不同ID的背景，从而达到后台切换的目的。












实际页面效果：--------------------------------------- -----------------------------------------------























{备注：对于外部JS的引入，需要执行刷新}
这个例子教程完成了。我希望XHTML网页设计将有助于你的future.bye。