引言
Dreamweaver（简称DW）是一款功能强大的网页开发工具，它提供了丰富的功能来帮助开发者创建美观且功能齐全的网页。CSS（层叠样式表）是网页设计中不可或缺的一部分，它用于控制网页元素的样式和布局。本文将深入探讨如何在DW中引用CSS样式，从而实现网页样式的管理与美化。
CSS样式引用方法概述
在DW中，有三种主要的CSS样式引用方法：
行内样式
：直接在HTML元素中通过
style
属性应用样式。
内部样式表
：在HTML文档的
部分定义样式。
外部样式表
：创建单独的CSS文件，并通过 标签在HTML文档中引用。
1. 行内样式
行内样式是最简单的方法，但通常不推荐用于大型项目，因为它不利于维护和代码复用。
这是一段使用行内样式的文本。
2. 内部样式表
内部样式表适合应用于单个页面，它将CSS代码放在HTML文档的
部分。
这是一段使用内部样式表的文本。
3. 外部样式表
外部样式表是最佳实践，因为它允许你在多个页面之间共享样式，并且易于维护。
创建外部样式表
在DW中，选择
文件 > 新建 > CSS样式表
。
在弹出的对话框中，输入样式表的名称，例如
styles.css
。
点击“保存”创建样式表文件。
在HTML文档中引用外部样式表
在HTML文档的
部分，使用 标签引用样式表。
设置
href
属性为样式表的路径，例如
styles.css
。
这是一段使用外部样式表的文本。
编辑外部样式表
在DW中，选择
窗口 > CSS样式表
。
在“CSS样式表”面板中，双击
styles.css
文件，打开它进行编辑。
美化网页布局的技巧
使用CSS选择器
：选择器用于指定哪些HTML元素应该应用样式。
布局技巧
：利用CSS定位、浮动和盒子模型来创建复杂的布局。
响应式设计
：使用媒体查询来创建在不同设备上都能良好显示的网页。
总结
通过在DW中正确引用CSS样式，开发者可以轻松管理和美化网页样式。无论是行内样式、内部样式表还是外部样式表，每种方法都有其适用场景。掌握这些方法，结合CSS的高级特性，可以帮助你创建出既美观又功能齐全的网页。