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

html-css011

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

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

2、在新建文档窗口,选择“空白页”―“HTML”,文档类型选择“XHTML1.0 transitional”,单击“创建”按钮

3、将插入点放在文档中,然后在菜单栏单击“格式”,在弹出的下拉菜单中选择“CSS样式”―“新建”

4、在“ 新建 CSS 规则” 对话框中,指定要创建的 CSS 规则的选择器类型:

若要创建一个可作为 class 属性应用于任何 HTML 元素的自定义样式,请从“ 选择器类型” 弹出菜单中选择“ 类” 选项,然后在“ 选择器名称” 文本框中输入样式的名称。

1. 打开“CSS样式”面板。

2. 在“所选内容的摘要”窗格中双击某一个属性,打开“CSS 规则定义”对话框。如下图所示:

一、定义CSS的类型属性

在“CSS 规则定义”对话框中,在“分类”下拉框中选择“类型”,然后可以在右边“类型”部分设置属性:

Font-family:设置字体系列。在下拉菜单中选择字体。

Font-size:定义文字的字体大小。

Font-weight:对字体应用特定或相对的粗体量。

Font-style:指定“正常”、“斜体”或“偏斜体”作为字体样式。

Font-variant:设置文本的小型大写字母变体。

Line-height:设置文本所在行的高度。

Text-transform:将所选内容中的每个单词的首字母大写或将文本设置为全部大写或小写。

Text-decoration:向文本中添加下划线、上划线或删除线,或使文本闪烁。

Color:设置文本的颜色。

提示:如果某一个属性不需要设置,可以将其保留为空。

在dreamweaver cc中可以直接创建css文件,或在内面内手写输入css代码定义规则等等。

如果要使用可视化css编辑,可以使用css设计器,在默认的界面下,在软件窗口右侧的活动窗口内就可以找到css设计器。

例如:新建一个html文件,点击css设计器的“源”窗口的“+”号,选择创建css的方式,包括:新建css;附件已有的css或在页面内创建css样式。

点击“选择器“窗口的”+“号,选择body,可以看到下面的”属性“窗口内显示出可以编辑的属性列表,鼠标点击相应的属性就可以选择或填写数值进行编辑了,在编辑的时候在”设计“窗口会显示样式的变化。

最后如果是新建的css文件,保存路径要正确。