在dreamweaver cc中可以直接创建css文件，或在内面内手写输入css代码定义规则等等。
如果要使用可视化css编辑，可以使用css设计器，在默认的界面下，在软件窗口右侧的活动窗口内就可以找到css设计器。
例如：新建一个html文件，点击css设计器的“源”窗口的“+”号，选择创建css的方式，包括：新建css；附件已有的css或在页面内创建css样式。
点击“选择器“窗口的”+“号，选择body，可以看到下面的”属性“窗口内显示出可以编辑的属性列表，鼠标点击相应的属性就可以选择或填写数值进行编辑了，在编辑的时候在”设计“窗口会显示样式的变化。
最后如果是新建的css文件，保存路径要正确。
1、在图像页面中，我们可以看到样式中的样式列表以及显示的渲染图。
2、选择样式中的所有CSS样式，然后复制或剪切。
3、然后ctrl+N创建一个新的CSS样式文件，如图所示，然后创建。
4、在创建的css样式文件中，粘贴刚刚复制到此处的文件。
5、导出时，您需要将其放在与上一个网页相同的文件夹位置。您可以创建一个新的css文件夹以便于导入。
6、然后返回到html文件，删除所有以前的样式，然后输入链接链接标记，链接以前保存的CSS样式，然后保存。
7、链接完成后，在浏览器中预览它以查看链接是否成功。
示例图片
可以使用以上方式创建并书写 css 样式文件
当然, 也可以简单点: 右键 =>新建笔记本 ( 记事本 ) =>在内部书写 ".abc { bacground-color: red}" =>关闭笔记本 ( 记事本 ) =>重命名 ( 将 新建**本.txt =>ys.css ) =>在使用 <link>去连接样式即可
