· 一.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 标签,或从弹出式菜单中选择 [1] [2] 下一页
|