1.1. 蓝色经典
1. 固定宽度,不管分辨率多大,宽度是固定的。
2. 导航部分使用了图片,图片中预留了导航的位置,将导航覆盖到上面,导航通过绝对值防止到图片的右下角。
3. Float不仅仅能应用到大的块中,也可以应用到li等小块中,应用到li后,li项目会被平均分成两部分显示。
4. 标题替换成图片的技巧:标题直接隐藏掉,做一个和标题一样的图片来显示。
竖标题的做法和上面一样,不同的是,需要调整元素的padding-left属性。
案例地址:http://115.com/file/aqxc2u9t#
通过案例的学习和动手实践,才能体会到CSS到底有多强大!!!