在Dreamweaver（DW）中，CSS（层叠样式表）的使用是构建网页样式的基础。通过CSS，您可以轻松地调整网页布局、颜色、字体等，使得网页更加美观和易用。以下是一些实用的技巧，帮助您在DW中高效地修改CSS。
1. 内部样式表
定义内部样式表
在DW中，您可以通过以下步骤添加内部样式表：
打开页面，点击
Insert
（插入）菜单。
选择
Head
（头部）下的
CSS
（层叠样式表）。
在弹出的对话框中，选择
Create
（创建）以创建新的CSS规则，然后点击
OK
。
修改内部样式表
在
Head
部分，您可以直接编辑内部的
2. 外部样式表
创建外部样式表
在
CSS
面板中，点击
New Style Sheet
（新建样式表）按钮。
选择
Save as
（另存为），设置文件路径和文件名，然后点击
Save
。
链接外部样式表
在
部分，添加以下代码来链接外部样式表： 修改外部样式表
在DW外部样式表文件中直接编辑CSS代码：
body {
background-color: #f0f0f0;
font-family: Arial, sans-serif;
}
3. 行内样式
添加行内样式
选择您想要应用样式的元素。
在
Properties
（属性）面板中，找到
Style
（样式）选项。
输入CSS样式规则，如
color: red; font-size: 16px;
。
修改行内样式
在
Properties
面板中直接修改行内样式的值。
4. CSS选择器
标签选择器
使用标签名称作为选择器，如
h1
、
p
等。
h1 {
font-size: 36px;
}
类选择器
使用
.
后跟类名作为选择器。
.class-name {
color: blue;
}
ID选择器
使用
#
后跟ID名作为选择器。
#id-name {
background-color: green;
}
5. CSS属性详解
DW中的CSS属性包括类型、背景、块、盒子、边框、列表、定位和扩展等。
类型属性
例如，
font-family
、
font-size
、
font-weight
等。
body {
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: normal;
}
定位属性
例如，
position
、
top
、
left
、
right
等。
div {
position: absolute;
top: 10px;
left: 10px;
}
6. 注意事项
确保CSS规则遵循正确的语法。
使用注释来解释复杂的CSS规则。
使用浏览器开发者工具来测试CSS样式。
通过以上技巧，您可以在DW中轻松地修改CSS，使您的网页更加美观和功能丰富。