CSS，称之为层叠样式表（Cascading Stylesheet），用以格式化网页的格式。在网页制

作时采用

CSS 技术，可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确

的控制。只要对相应的代码做一些简单的修改，就可以改变外链该

CSS 文件的一个或者多

个页面的样式。

 

　　

2.CSS 制作导航条的优势分析 

　　（

1）代码冗余少，更快下载速度。利用 CSS 和 XHTML 制作的导航菜单，其代码冗余

少，同时，纯代码的下载速度肯定比使用

Javascrip 或图片来实现的要快得多。另外，因为

网络蜘蛛对文本的兴趣要远高于图片，它会更有益于搜索引擎的索引排名，提高网站被访
问的命中率。

 

　　（

2）适应力强，更多人文关怀。基于 CSS 的导航菜单适应力强，可以应付不同用户的

浏览平台。同时，如果用户关闭读取图片和

(或)CSS 的功能，网站仍然可以以简洁的方式浏

览，网站的访问不会受到影响。

 

　　（

3）网络资源多，更多设计选择。对于初次使用 CSS 进行导航设计的设计师来讲，如

果不想从零开始编写

CSS 菜单代码，则可以在网络上搜索设计好的基于 CSS 的导航菜单，

然后再加以修改部分代码以适应自己开发网站的总体风格。同时，还有一些专门设计

CSS

菜单的工具，譬如，

CSS MENU 就可以通过修改一些自定义样式来快速生成专业的 CSS 菜

单。

 

　　四、利用

CSS 来制作几种常见的导航条 

　　导航条的制作标签一般采用无序列表，形如



超链接文本

；在标签里面设置好各导航项后，就可以用

CSS 去描述导航超链接的各种状态，通用

的代码如下所示（本例仅用了

1KB 不到的 GIF 图片）。 

　　在上面通用代码的基础上，再稍加变化，就可以制作出二级菜单、多级菜单，以下
是几种常见的导航条样式。

 

　　

 

　　参考文献：

 

　　

[1] Dan Cederholm.Web 标准实战.人民邮电出版社，2008，（5） 

　　

[2]Dan Cederholm.无懈可击的 Web 设计.清华大学出版社，2009，（4）