.f {
/* 这里填写目标规则的样式属性 */
}
例如，可以设置.f元素的字体大小为18px，字体颜色为红色：
.f {
font-size: 18px
color: red
}
在html代码中，可以使用class属性为.f的元素应用该样式规则，例如：
<p class="f">这是一段带有.f类的段落文本</p>
可以通过查看页面渲染效果来验证该规则是否生效。
dw中目标规则是指在CSS属性检查器中正在编辑的规则。输入要编辑的文本，在右侧的CSS设计器和源中创建一个新文件夹，将光标移动到内容，在右侧创建一个新的选择器，如bodyP或bodyH1。鼠标放在哪里，就会生成相应的CSS，对应下CSS属性的目标规则，然后在下CSS属性面板或右属性面板中设置CSS属性，insertdivclassisclassIDisdiv的名称，点击newCSSrule插入图片，右击图片创建新CSS规则插入文本，右击源创建新文件夹，光标定义不同段落，右击创建不同CSS规则。此规则与下面属性面板中的CSS目标规则结合使用。第一、打开2019版本的dw，没有的可以下载
第二、新建html和css
第三、给top赋予css样式时
1、点击css设计器
2、选择需要赋予样式的css文件
3、在媒体选择全局（代码多时可以选择需要赋予样式的地方）。
4、在选择器中选择需要赋予样式的 css代码（top）。
5、最后在属性中选择需要赋予的布局、文本、边框、颜色、更多。至于里面的css样式表代表什么意思，我就不多说了，鼠标放置在对应空白处就有相关提示，如有显示英文代码之类的，我就不清楚。了
