再学一下css最初级的一些选择器（比如*、.class、#、属性）等 ，后代选择器及其之后的先暂时不看，接收太多消化不了。
然后直接去学盒子模型，再去看个盒子模型的实战演示。这个时候你就大致知道div+css怎么用了
然后css有很多样式，比如边框啊背景啊文本样式啊链接样式，这些可以慢慢来，实际中要用到的时候再学，一股脑学了不见得能接收，就算听懂了，等到要用的时候你又呆住了，又要重新看一遍。
顺便宣传一下咱们公司新设立的前端培训项目，10年前端老司机一对一教学。
不要两万，不要9888，只要4800，想了解私信我噢
http://www.aa25.cn/ 标准之路http://www.qianduan.net/category/css-research 前端观察
http://www.blueidea.com/tech/site/2006/3574.asp 蓝色理想
http://www.megong.com/css/ 美工网
<div id="site-map"><dl>
<dt><h3>财经</h3></dt>
<dd>
<ul>
<li>理财生活</li>
<li>财经要闻</li>
<li>创富故事</li>
</ul>
</dd>
<dl>
<dl>
<dt><h3>教育</h3></dt>
<dd>
<ul>
<li>教育咨询</li>
<li>职业培训</li>
<li>职场人生</li>
</ul>
</dd>
<dl>
</div>
才装了系统，没编辑器，css不好输，你自己改：
#site-map{
width: 500px
line-height:1.78
}
#site-map dl{
边框:灰色 1px
下外边距：10px
}
#site-map dt{
背景:灰色
}
#site ul{
width: 100%
overflow:hidden
}
#site ul li{
浮动：左
右外边距：10px
}
