DW里CSS的细介绍.docVIP

DW里CSS的详细介绍 创建CSS样式表的过程，就是对各种CSS属性的配置过程，所以了解和掌控属性配置很重要。在DW MX 2004的CSS样式里包含了W3C规范定义的任何CSS1的属性，把这些属性分为：类型、背景、区块、方框、边框、列表、定位、扩展等八个部分，如下图： DW MX 2004 实现CSS属性配置功能是完全可视化的，无需编写代码。下面我们分别周详讲解。为了便于理解，从开始创建新的 CSS 样式表说起： 注：您需对 DW MX 2004 程式初步了解，并打开他对照本教程进行学习。假如您对 DW MX 2004 尚不熟悉，请浏览【 DW MX 2004 简体中文版入门教程】。??? 【创建新的 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%是指行高等于文字大小的1.8倍。相对应的CSS属性是”line-height”。两种浏览器都支持行高属性。 修饰：向文本中添加下划线、上划线或删除线，或使文本闪烁。正常文本的默认配置是“无”。链