.f {
/* 这里填写目标规则的样式属性 */
}
例如，可以设置.f元素的字体大小为18px，字体颜色为红色：
.f {
font-size: 18px
color: red
}
在html代码中，可以使用class属性为.f的元素应用该样式规则，例如：
<p class="f">这是一段带有.f类的段落文本</p>
可以通过查看页面渲染效果来验证该规则是否生效。
打开页面，打开css设计器，添加css源，在页面中定义，切换代码界面，定义名为#box和#text的css样式。2.
点击插入Div，定义ID为text，点击确定。
3.
点击实时视图即可看到相应的效果。
dw中用什么定义了css样式会立即生效：1、在dreamweaver cc中可以直接创建css文件，或在内面内手写输入css代码定义规则等等。
2、如果要使用可视化css编辑，可以使用css设计器，在默认的界面下，在软件窗口右侧的活动窗口内就可以找到css设计器。
例如：新建一个html文件，点击css设计器的“源”窗口的“+”号，选择创建css的方式，包括：新建css；附件已有的css或在页面内创建css样式。
3、点击“选择器“窗口的”+“号，选择body，可以看到下面的”属性“窗口内显示出可以编辑的属性列表，鼠标点击相应的属性就可以选择或填写数值进行编辑了，在编辑的时候在”设计“窗口会显示样式的变化。
4、最后如果是新建的css文件，保存路径要正确。
