DreamweaverMX2004CSS概述

2008-02-23 06:03:45来源：互联网阅读 ()

　　? 一.CSS概述

　　如今网页的排版格式越来越复杂，很多效果需要通过CSS来实现，Dreamweaver MX 2004在CSS功能设计上做了很大的改进。今天给大家具体谈谈如何使用Dreamweaver MX 2004 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。

　　选择定义样式的位置：

　　若要创建外部样式表，请选择“新建样式表文档”。

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

　　单击“确定”。

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有