<head>
<title>...</title>
</head>
<body>
<ul>
<li>332</li>
<li>233234</li>
</ul>
<p>...</p>
</body>
</html>
例如上面的html结构:
<html>元素就是<body>和<head>的父元素（上下级，包含关系）
而<body>又是<ul>和<p>的父元素
<ul>又是两个<li>的父元素。
两个<li>就是兄弟元素（平级）
<body>和<head>也是兄弟元素，依此类推。
相应的， ul 和p是body的子元素， 而 li 呢， 是body的后代元素（后代选择符）。
你在dreamweaver里，套用源格式后，代码自动缩进，你很容易就能看出来的。
css没有headbg，，，上面的headbg是自定的类名你id为default的元素下调用的时候class="head"就是调用#default .head。。class=headbg就是#default .headbg的样式。。
这两个有什么不同嘛，.headbg是Y平铺，.head是X平铺，，，X是横向，Y是纵向。多了高度，多了一个，定位。
