正在加载图片...
<u> <l>首页</i> <i>Web前端开发</i> <li> Linux操作系统<i <|>计算机网络</i> i> My SQL数据库管理<li> 4.3外部样式 外部样式是将所有样式写在一个外部文件中,然后在HTM文档 中使用<link>元素,将文件链接到需要设置样式的文档上。使用这种 方法,只需要修改链接的文件,就可以完全改变网页的整体风格。此 外,也可以使用这种方法修改或调整文档,使之适应不同环境或设备 的显示要求 此种方法,是推荐使用的方式。 案例 示例10-3:外部样式 文件一:10-3.css(路径: style/10-3.css) @charset"utf-8 body I color: #FFF font-size: 13px; font-family:微软雅黑," Times new roman", Times,serf; background: url(. /images/Top-BG-1. png)#FFF no-repeat center text-align: center, nav width: 100% background-color: #F30 9《网页设计与网站规划》讲稿/河南中医学院互联网应用技术研究所/htp/ bs. 51xueweb cn9 《网页设计与网站规划》讲稿 / 河南中医学院互联网应用技术研究所 / http://labs.51xueweb.cn <body> <nav> <ul> <li>首页</li> <li>Web 前端开发</li> <li>Linux 操作系统</li> <li>计算机网络</li> <li>MySQL 数据库管理</li> </ul> </nav> </body> </html> 4.3 外部样式 外部样式是将所有样式写在一个外部文件中，然后在 HTML 文档 中使用<link>元素，将文件链接到需要设置样式的文档上。使用这种 方法，只需要修改链接的文件，就可以完全改变网页的整体风格。此 外，也可以使用这种方法修改或调整文档，使之适应不同环境或设备 的显示要求。 此种方法，是推荐使用的方式。 案例： 示例 10-3：外部样式 文件一：10-3.css（路径：style/10-3.css） @charset "utf-8"; body { margin:0px 0px; color:#FFF; font-size:13px; font-family:微软雅黑, "Times New Roman", Times, serif; background:url(../images/Top-BG-1.png) #FFF no-repeat center; } header { margin:80px 0px 30px 0px; text-align:center; } nav { width:100%; height:30px; background-color:#F30; }