自定义CSS样式是最常用的一种CSS样式创建方式，方法是将一系列格式组合起来，并以适当的形式命名。要创建自定义CSS样式，其具体的操作步骤如下：

1）打开Dreamweaver CS6软件，选择菜单栏上的“窗口”→“CSS样式”命令，打开“CSS样式”面板，如图4-65所示。

图4-65 “CSS样式”面板

2）在“CSS样式”面板中，可以用三种方法打开“新建CSS规则”对话框，可执行如下操作之一：

①单击该面板底部的“新建CSS规则”图标。

②单击该面板顶部右边的按钮，从打开的下拉菜单中选择“新建”命令。

③在该面板内单击鼠标右键，从弹出的快捷菜单中选择“新建”命令。

通过以上方法都可以打开“新建CSS规则”对话框，如图4-66所示。

图4-66 “新建CSS规则”对话框

3）在“选择器类型”选项组中，单击选择“类（可应用于任何HTML元素）”下拉列表项，用来建立一种由自己定制的样式表。“类”由用户自己给定样式表元素名称，并且可以在整个HTML中被调用。有一点值得注意的是，当新建样式时，默认的样式名称是“.unmaned1”，在此样式名称前有一个“.”，这个“.”说明了此样式是一个类样式（CLASS）。根据CSS规则，类样式（CLASS）可以在一个HTML元素中被多次调用。

4）在“名称”文本框中设置样式的名称，这里输入名为font。(www.daowen.com)

5）在“规则定义”选项组中，单击选择“（新建样式表文件）”下拉列表项，此时“新建CSS规则”对话框如图4-67所示。

图4-67 设置“新建CSS规则”对话框

6）因为是在该文档中第一次建立样式，因此，单击“确定”按钮后，会打开“将样式表文件另存为”对话框，单击选择“保存在”右侧的下拉三角按钮，选择样式保存的文件夹为css，输入文件名为font，其他的保持默认值，如图4-68所示。

图4-68 “保存样式表文件为”对话框

7）设置完成后，单击“保存”按钮，即可打开“.font的CSS规则定义（在font.css中）”对话框，如图4-69所示。

图4-69 “.font的CSS规则定义（在font.css中）”对话框

8）最后根据自己设计网页的需要，分别选择“分类”下面的列选项，在“类型”下面的选择项中分别设置其属性，如“大小”“颜色”等需要统一的样式。设置完成后单击“确定”按钮，即在css文件夹下面创建了font.css文件。创建完成font.css文件之后，在首页中会自动创建使用font.css样式的链接代码，如图4-70所示。

图4-70 首页与样式文件font.css的链接代码