mac版本的dw新建css规则在哪里

html-css017

mac版本的dw新建css规则在哪里,第1张

1、在菜单中单击“文件”选择“新建”

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文件,保存路径要正确。