分享
 
 
 

Dreamweaver MX 2004 CSS概述

王朝html/css/js·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

· 一.CSS概述

如今网页的排版格式越来越复杂,很多效果需要通过CSS来实现,Dreamweaver MX 2004在CSS功能设计上做了很大的改进。今天给大家具体谈谈如何使用Dreamweaver MX 2004 CSS功能,我相信当你看完这个教程之后你会觉得CSS使用是那样的简单,而创作出来的效果却是惊人的。

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

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

[url=http://www.pccode.net].net/web/dw/index1/http://www.ddvip.net/web/dw/index1/img_dw/dw0501071-1.gif" target="_blank"

.net/web/dw/index1/http://www.ddvip.net/web/dw/index1/img_dw/dw0501071-1.gif" alt="点击放大" width="500" border="0"

[url=http://www.pccode.net].net/web/dw/index1/http://www.ddvip.net/web/dw/index1/img_dw/dw0501071-1.gif" target="_blank"图片较大 请放大后查看)

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。

选择定义样式的位置:

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

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

单击“确定”。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有