DW里CSS详细介绍.doc

DW里CSS的详细介绍 创建CSS样式表的过程，就是对各种CSS属性的配置过程，所以了解和掌控属性配置很重要。在DW MX 2004的CSS样式里包含了W3C规范定义的任何CSS1的属性，把这些属性分为：类型、背景、区块、方框、边框、列表、定位、扩展等八个部分，如下图： DW MX 2004 实现CSS属性配置功能是完全可视化的，无需编写代码。下面我们分别周详讲解。为了便于理解，从开始创建新的 CSS 样式表说起： 注：您需对 DW MX 2004 程式初步了解，并打开他对照本教程进行学习。假如您对 DW MX 2004 尚不熟悉，请浏览 HYPERLINK /main/yinfa/zhiwu/dnjx/wzzz/index.htm 【 DW MX 2004 简体中文版入门教程 HYPERLINK /main/yinfa/zhiwu/dnjx/wzzz/index.htm 】。??? 【创建新的 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。??? 选择定义样式的位置： 若要创建外部样式表，请选择“新建样式表文档”。??? 若要在当前文档中嵌入样式，请选择“仅对该文档”。??? 单击“确定”。 类 型 属 性【定义 CSS 类型属性】使用“CSS 样式定义”对话框中的“类型”类别能够定义 CSS 样式的基本字体和类型配置。 定义 CSS 样式的类型配置：??? 在“CSS 样式定义”对话框中，选择“类型”（如下图），然后配置所需的样式属性。 ??? 请注意：下列任意属性假如您认为不重要能够保留为空。 字体：为样式配置字体。DW MX 2004内置6个系列的英文字体（如下图）。 一般英文字体常常用“Arial， Helvetica， sans-serif”这个系列比较美观，假如不用这些字体系列，您您能够通过下拉列表最下面的“编辑字体列表”来创建新的字体系列。中文网页默认字体是宋体，一般留空即可。浏览器最好选择用户系统第一种字体显示文本。两种浏览器都支持字体属性。??? 大小：定义文本大小。能够通过选择数字和度量单位选择特定的大小，也能够选择相对大小。以像素为单位能够有效地防止浏览器变形文本。 提示：CSS中长度的单位分绝对长度单位和相对长度单位： 绝对长度px：（象素）根据显示器的分辨率来确定长度。pt：（字号）根据windows系统定义的字号大小来确定长度。in、cn、mm：（英寸、厘米、毫米）根据显示的实际尺寸来确定长度。此类单位不随显示器的分辨率改变而改变。相对长度em：当前文本的尺寸。例如：{ font-size:2em}是指文字大小为原来的2倍。ex：当前字母“x”的高度，一般为字体尺寸的一半。%：是以当前文本的百分比定义尺寸。例如：{ font-size:300%}是指文字大小为原来的3倍。两种浏览器都支持大小属性。 样式：将“正常”、“斜体”或“偏斜体”指定为字体样式。默认配置是“正常”。两种浏览器都支持样式属性。 行高：配置文本所在行的高度。选择“正常”自动计算字体大小的行高，或输入一个确切的值并选择一种度量单位。比较直观的写法用百分比，例如180%是指