2、在新建文档窗口,选择“空白页”―“HTML”,文档类型选择“XHTML1.0 transitional”,单击“创建”按钮
3、将插入点放在文档中,然后在菜单栏单击“格式”,在弹出的下拉菜单中选择“CSS样式”―“新建”
4、在“ 新建 CSS 规则” 对话框中,指定要创建的 CSS 规则的选择器类型:
若要创建一个可作为 class 属性应用于任何 HTML 元素的自定义样式,请从“ 选择器类型” 弹出菜单中选择“ 类” 选项,然后在“ 选择器名称” 文本框中输入样式的名称。
要设置文字css目标规则名称为.f,可以在css文件中添加以下代码:.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文件,保存路径要正确。