CSS+DIV实战

1.1. 蓝色经典

1. 固定宽度，不管分辨率多大，宽度是固定的。

2. 导航部分使用了图片，图片中预留了导航的位置，将导航覆盖到上面，导航通过绝对值防止到图片的右下角。

3. Float不仅仅能应用到大的块中，也可以应用到li等小块中，应用到li后，li项目会被平均分成两部分显示。

4. 标题替换成图片的技巧：标题直接隐藏掉，做一个和标题一样的图片来显示。

竖标题的做法和上面一样，不同的是，需要调整元素的padding-left属性。

 

案例地址：http://115.com/file/aqxc2u9t#

 

通过案例的学习和动手实践，才能体会到CSS到底有多强大！！！