.f {
/* 这里填写目标规则的样式属性 */
}
例如，可以设置.f元素的字体大小为18px，字体颜色为红色：
.f {
font-size: 18px
color: red
}
在html代码中，可以使用class属性为.f的元素应用该样式规则，例如：
<p class="f">这是一段带有.f类的段落文本</p>
可以通过查看页面渲染效果来验证该规则是否生效。
在dreamweaver cc中可以直接创建css文件，或在内面内手写输入css代码定义规则等等。
如果要使用可视化css编辑，可以使用css设计器，在默认的界面下，在软件窗口右侧的活动窗口内就可以找到css设计器。
例如：新建一个html文件，点击css设计器的“源”窗口的“+”号，选择创建css的方式，包括：新建css；附件已有的css或在页面内创建css样式。
点击“选择器“窗口的”+“号，选择body，可以看到下面的”属性“窗口内显示出可以编辑的属性列表，鼠标点击相应的属性就可以选择或填写数值进行编辑了，在编辑的时候在”设计“窗口会显示样式的变化。
最后如果是新建的css文件，保存路径要正确。
第一、打开2019版本的dw，没有的可以下载
第二、新建html和css
第三、给top赋予css样式时
1、点击css设计器
2、选择需要赋予样式的css文件
3、在媒体选择全局（代码多时可以选择需要赋予样式的地方）。
4、在选择器中选择需要赋予样式的 css代码（top）。
5、最后在属性中选择需要赋予的布局、文本、边框、颜色、更多。至于里面的css样式表代表什么意思，我就不多说了，鼠标放置在对应空白处就有相关提示，如有显示英文代码之类的，我就不清楚。了
