dreamweaver　CSS使用教程：创建新的CSS样式

dreamweaver　CSS使用教程：创建新的CSS样式

 

 

现代网页制作离不开　CSS样式表技术，采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。　用CSS不仅可以做出美观工整令浏览者赏心悦目的网页，还能给网页添加许多神奇的效果。

 

　　　　创建CSS样式表的过程，就是对各种CSS属性的设置过程，所以了解和掌握属性设置非常重要。在DW　MX　2004的CSS样式里包含了W3C规范定义的所有CSS1的属性，把这些属性分为：类型、背景、区块、方框、边框、列表、定位、扩展等八个部分，如下图：

 

DW　MX　2004　实现CSS属性设置功能是完全可视化的，无需编写代码。下面我们分别详细讲解。　为了便于理解，从开始创建新的　CSS　样式表说起：

 

　　　　【创建新的　CSS　样式】
将插入点放在文档中，然后执行以下操作之一打开“新建　CSS　样式”对话框：　

在“CSS　样式”面板（“窗口”>“CSS　样式”）中，单击面板右下角区域中的“新建　CSS　样式”按钮，如下图：　

在文本属性检查器中，从“样式”弹出式菜单中选择“管理样式”，然后在出现的对话框中单击“新建”。　
在“相关　CSS”选项卡（选择“窗口”>“标签检查器”，然后单击“相关　CSS”选项卡）中右键单击，然后从上下文菜单中选择“新建规则”。　

选择“文本”菜单>“CSS　样式”>“新建(N)…”。　
“新建　CSS　样式”对话框随即出现，如下图：　

定义您要创建的　CSS　样式的类型：

　　　　若要创建可作为　class　属性应用于文本范围或文本块的自定义样式，请选择“创建自定义样式　(Class)”，然后在“名称”文本框中输入样式名称。　
注意：类名称必须以句点开头，并且可以包含任何字母和数字组合（例如，.mycss）。如果您没有输入开头的句点，DW　MX　2004将自动为您输入。

若要重定义特定　HTML　标签的默认格式，请选择“重定义标签”，然后在“标签”字段中输入一个　HTML　标签，或从弹出式菜单中选择一个标签。　

若要为具体某个标签组合或所有包含特定　Id　属性的标签定义格式，请选择“使用　CSS　选择器”，然后在“选择器”文本框中输入一个或多个　HTML　标签，或从弹出式菜单中选择一个标签。弹出式菜单中提供的选择器（称作伪类选择器）包括　a:active、a:hover、a:link　和　a:visited。
选择定义样式的位置：　
若要创建外部样式表，请选择“新建样式表文件”。　

若要在当前文档中嵌入样式，请选择“仅对该文档”。　

单击“确定”。