1、外部样式表的使用 网站构建综合实训资料47邹于丰编外部样式表的使用CSS是 Cascading style Sheets的简称，中文译作“层叠样式表” ，如果在制作网页时，采用 CSS技术，便可以轻松而又有效地对页面的整体布局、字体、颜色、链接、背景和其它效果实现精确的控制，而且修改起来也非常简单，只要将相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者不同页面的的外观和格式。外部样式表是把样式表保存为一个单独的样式表文件，文件扩展名为.css，在页面中用标记，可以链接到外部样式表文件，这个标记必须放到页面的区内，如下所示：其中，rel=“stylesheet“是指在页面中使用这个
2、外部的样式表；type=“text/css“是指文件的类型是样式表文本；href=“style.css“是文件所在的位置；media 是选择媒体类型。一个外部样式表文件可以应用于多个页面。当你改变这个样式表文件时，所有页面的样式都会随之改变。在制作大量相同样式页面的网站时，非常有用，不仅减少了重复的工作量，而且有利于以后的修改、编辑，浏览时也减少了重复下载代码。【实验目的与要求】1掌握外部样式表的制作方法；2掌握在网页中链接外部样式表文件的方法。【实验内容与步骤】准备：1.在资源管理器中建立如图所示的网站目录结构。2.启动 Dreamweaver，选择“站点管理站点新建站点高级” 命令，新建本
3、地站点。站点名称：XXX 本地根文件夹：D:学生学号1制作外部样式表文件方法一：在 Dreamweaver中，在“学生学号”文件夹中，新建一个文件，输入以下代码，文件名：style.css。方法二：打开“记事本” ，输入以下代码，文件保存到“学生学号”文件夹中，文件名：style.css。/*定义网页文档的字体，字号，行间距，颜色*/body font-family: “宋体“;font-size: 9pt;line-height: 12pt;D: 学生学号image外部样式表的使用 网站构建综合实训资料48邹于丰编color: #000000;/*定义超级链接样式（无下划线）*/a:link
4、 font-family: “宋体“;font-size: 9pt;line-height: 12pt;color: #000000;text-decoration: none;a:visited font-family: “宋体“;font-size: 9pt;line-height: 12pt;color: #FF3300;text-decoration: none;font-weight: normal;a:hover font-family: “宋体“;font-size: 9pt;line-height: 12pt;color: #FF0000;text-decoration: underline;2链接外部样式表文件 style.css在 Dreamweaver中，打开一个网页文件，链接外部样式表文件 style.css。方法一：窗口CSS 样式全部附加样式表，链接外部样式表文件 style.css。方法二：以下代码放在之间，链接外部样式表文件。
