这部分讲解在web2.0中用得最多的ul已经li元素的CSS应用技巧。
1、基本列表样式
现在很少人直接用ul的内置样式，所以一般在使用ul的第一步就是去掉默认的ul样式，去左边的图标，去缩进：
ul{ margin:0; padding:0; list-style-type:none; } 2、创建基本的导航条
这个没什么好说的，比较简单，就是书上提到的一个小细节，如果把顶边框设置的比背景色浅，而让底边框深一点，就会实现一种斜面的立体效果。
实现代码：
Simple List
3、在导航条中突出显示当前页面
书中的思路是导航条中每个导航按钮的class在各个页面中保持不变，但导航栏所在的页面是动态变化的，其body的id也是各不相同的，这样根据导航栏的body的id与导航栏按钮的class的匹配来决定导航栏按钮的样式。
#home .nav .home a,#about .nav .about a{ /** 即在home页面的home导航栏按钮突出显示*/} 4、简单的标签页式导航
标签页式导航的标签页一般是圆角的，所有其实现思路也和前面的圆角框类似，一般一个导航按钮时一个li元素嵌一个a元素，给li和a分别加不同背景图片，并且让右边的a的背景图盖在左边的li的背景图。
Simplified Sliding Doors
5、纯CSS下拉菜单
下拉菜单是目前用的最多的页面元素之一了，采用纯CSS也可以实现下拉菜单。其实现思路也是不复杂的：
两层ul，外层ul作为整个菜单，里层的ul放在li里面，作为下拉菜单
外层的ul以及其子元素进行浮动，已到达横向排列的效果
通过绝对定位将所有的下拉菜单移到屏幕外边
设置鼠标正在其上面的li的后代ul的不再偏移，从而显示下拉菜单（一般很难想到这种选择器）
Horizontal Nav
6、CSS图像映射
这部分内容不多描述，其实就是先定义一个ul及一系列的li，然后通过绝对定位，定位每个li的位置，从中我们可以知道，相同的html元素ul以及li，经过不同的CSS处理，可以以差异很大很大的形式展现在前台页面上，这也是CSS的魅力所在。
总结：
在这一节里面，发现很多之前感觉比较复杂的页面形式，都可以用很简单的方式给实现，个人觉得这就比爱因斯坦的质能公式一样，复杂的表象背后，往往都有一个简单的解。