在Adobe Dreamweaver CS4中创建CSS样式表文件的方法.doc

在Adobe Dreamweaver CS4中创建CSS样式表文件的方法 在 Adobe Dreamweaver CS4 中创建 CSS 样式表文件的方法有两种，分别是：创建 CSS 样式表空白文件和使用示例页创建 CSS 样式表文件。现在分别介绍如下： 一、创建 CSS 样式表空白文件 如果我们想单独创建一个新的 CSS 样式表文件，来设置相关的 CSS 属性，启动好 Adobe Dreamweaver CS4 软件以后，请点击“文件”菜单，选择“新建”项，打开“新建文档”对话框，如下图所示： 图 1 在图 1 中，选择左边的“空白页”项，然后选择中间的“CSS”项，最后点击右下角的“创建”按钮，就创建好了一个新的 CSS 样式表文件，文件内的代码如下： @charset gb2312; /* CSS Document */ 在这个文件内，我们可以输入各种 CSS 属性，编辑好文件后，点击“文件”菜单，选择“保存”项保存即可。 二、使用示例页创建 CSS 样式表文件 当然，我们也可以使用软件自带的示例页来创建新的 CSS 样式表文件，点击“文件”菜单，选择“新建”项，同样是打开“新建文档”对话框，如下图所示： 图 2 在图 2 中，选择左边“示例中的页”项，示例文件夹选择“CSS 样式表”项，在中间“示例页”中可以按照你的需要进行选择，右边是预览结果。选择好以后，点击“创建”按钮即可。 本例在示例页中选择了“基本：Arial”项，文件代码如下： @charset gb2312; body { font-family: Arial, Helvetica, sans-serif; } td { font-family: Arial, Helvetica, sans-serif; } th { font-family: Arial, Helvetica, sans-serif; } 我们可以随意修改或者添加 CSS 属性，编辑完成后，保存即可。 三、样式表文件的使用 如何使用已经编辑好的 CSS 样式表文件？请参考链接外部样式表。