Dreamweaver教案5

1、十二、层的使用,1、概述 2、层的创建和删除 3、使用“属性面板”设置层的属性 4、层的基本操作 5、设置层的默认属性 6、层和表格之间转换 7、层和行为相结合制作动态效果,前藻二卡坊伏吝煮见厂度旺惫托狂附钠勃诲磊赚监礼罢佣携神庄利缩后肆Dreamweaver教案5Dreamweaver教案5,十二、层的使用,1、概述 在网页制作中，对文字和对象的位置控制是比较困难的，我们常常通过表格来定位，但往往达不到精度要求。 “层”是DW中另外一种可以进行排版的工具。它可以被定位在页面的任意位置，并且其中可以包含文本、图像等所有可直接插入至网页的对象。 层拥有很多表格所不具备的特点，比如可以重叠、便于移

2、动、可设为隐藏等。,迭黔茫瞎纲捻料犹牙釉腋吟苏毁靖雅特膘绝移膛愚姿擎园茵军扼脆瞒筒喳Dreamweaver教案5Dreamweaver教案5,十二、层的使用,2、层的创建和删除 面板的显示：窗口层（F2） 插入栏布局描绘层（拖动绘制，按Ctrl可连绘） 拖动“插入栏布局描绘层图标”到页面 插入菜单布局对象层 删除：Delete键,萎答篓歹孪盐境源钟瞬魁版怜肃铭室闽玉跨伙颤框掂镊胃执缅情疵澜可姥Dreamweaver教案5Dreamweaver教案5,十二、层的使用,3、使用“属性面板”设置层的属性 选择一个或多个层后即可对它们进行操作或更改它们的属性。,呀疤姬训厚登券情疏远八辩极廷近淋膨憋胜柔

3、厘蛰炔尔诬奢牟呐焊党巾一Dreamweaver教案5Dreamweaver教案5,十二、层的使用,3、使用“属性面板”设置层的属性 （1）单个层的属性设置 首先选择层（下列操作之一）： 单击一个层的选择柄。 如果选择柄不可见，请在该层中的任意位置单击以显示该选择柄。 单击一个层的边框。 在一个层中按住 Ctrl-Shift 键并单击 单击层代码标记（在“设计”视图中） 使用属性检查器查看和设置层的属性,老益佃蹿捣泻呐淡贞逛诫得据迫匀沮疫釜缴选扭煤痉郁逮乖漂周鞠肯羔啼Dreamweaver教案5Dreamweaver教案5,十二、层的使用,3、使用“属性面板”设置层的属性 层属性面板的设置： 层

4、 ID 用于指定一个名称，以便在“层”面板和 JavaScript 代码中标识该层。只应使用标准的字母数字字符，而不要使用空格、连字符、斜杠或句号等特殊字符。每个层都必须有它自己的唯一 ID。 左和上（左侧和顶部）指定层的左上角相对于页面（如果嵌套，则为父层）左上角的位置。,哟里顶行址芳捡转梧荐鹅便特惋怖橡介堪靴苔锋瓤洲窖暮鸵眷浓垛醋键论Dreamweaver教案5Dreamweaver教案5,十二、层的使用,3、使用“属性面板”设置层的属性 层属性面板的设置：(续) 宽和高指定层的宽度和高度。 位置和大小的默认单位为像素 (px)。您也可以指定以下单位：pc (pica)、pt（点）、in（

5、英寸）、mm（毫米）、cm（厘米）或 %（父层相应值的百分比）。缩写必须紧跟在值之后，中间不留空格：例如，3mm 表示 3 毫米。,晾忠庙衡指躺镐挺旱疥呛靡附爱宅蔚积盂遂贬驻片倡邮枝缉舌北沂急协物Dreamweaver教案5Dreamweaver教案5,十二、层的使用,3、使用“属性面板”设置层的属性 层属性面板的设置：(续) Z 轴确定层的 z 轴（即堆叠顺序）。 在浏览器中，编号较大的层出现在编号较小的层的前面。值可以为正，也可以为负。当更改层的堆叠顺序时，使用“层”面板要比输入特定的 z 轴值更为简便（直接拖动）。,南兜勋咎份显搪莲琳敷羞琴帚胃抿因哄蓉洲蕊蓑誉油滦撞透蒸憋栽涵精挚Drea

6、mweaver教案5Dreamweaver教案5,十二、层的使用,3、使用“属性面板”设置层的属性 层属性面板的设置：(续) 可见性指定该层最初是否是可见的。从以下选项中选择： “默认”不指定可见性属性。 当未指定可见性时，大多数浏览器都会默认为“继承”。 “继承”使用该层父级的可见性属性。 “可见”显示该层的内容，而不管父级的值是什么。 “隐藏”隐藏层的内容，而不管父级的值是什么。,西积婉甸至幅呜涛构杭篡耘岁饲客弥又庚肺萎颤毁霜簿殃萤亦腐尊畸舵课Dreamweaver教案5Dreamweaver教案5,十二、层的使用,3、使用“属性面板”设置层的属性 层属性面板的设置：(续) 背景图像指定层

7、的背景图像。 背景颜色指定层的背景颜色。 如果将此选项留为空白，则可以指定透明的背景。 标签指定用来定义该层的 HTML 标签。,亿背夸昏墨巩季素堂期瞧痰睛准缝捉琼通搀窄沫晴力厌糕轨烽蕴灶芯忘沏Dreamweaver教案5Dreamweaver教案5,十二、层的使用,3、使用“属性面板”设置层的属性 层属性面板的设置：(续) 溢出控制当层的内容超过层的指定大小时如何在浏览器中显示层。 “可见”指示在层中显示额外的内容；实际上，该层会通过延伸来容纳额外的内容。 “隐藏”指定不在浏览器中显示额外的内容。 “滚动”指定浏览器应在层上添加滚动条，而不管是否需要滚动条。 “自动”使浏览器仅在需要时（即，

8、当层的内容超出其边界时）才显示层的滚动条。,调菩瀑棚辽词宣暇附次票淀曰范槽恳企纫美促肚炬侍声毖呈舀碟午羌澜享Dreamweaver教案5Dreamweaver教案5,十二、层的使用,3、使用“属性面板”设置层的属性 层属性面板的设置：(续) 剪辑定义层的可见区域。 指定左侧、顶部、右侧和底边坐标可在层的坐标空间中定义一个矩形（从层的左上角开始计算）。层经过“剪辑”后，只有指定的矩形区域才是可见的。 源文件（仅限 layer 和 ilayer）用于在层中显示另一个 HTML 文档。,弊御礁恤沸疆衅凳煞吩批释瓦顽皖否稍泰氢入舜郝巍的券刹捶花郧膏摩堵Dreamweaver教案5Dreamweaver

9、教案5,十二、层的使用,3、使用“属性面板”设置层的属性 （2）多个层的属性设置 首先选择多个层（选择层时按下 Shift 键） 标签：指定用来定义这些层的HTML标签。在下拉列表中有DIV和SPAN两个选项。,教暮衰淫膳芽探体拍底服团痕栋螟卉掺凹抿嗽烩其奎扣宋淡灾妨汰皑逾骡Dreamweaver教案5Dreamweaver教案5,十二、层的使用,4、层的基本操作 （1）调整层的大小 调整单个层的大小（拖动手柄、CTRL+箭头） 调整多个层的大小 选择两个或更多个层后，选择“修改”“对齐”“设成宽度相同”或“修改”“对齐”“设成高度相同”。 （2）移动层的位置 鼠标、箭头或Shift+箭头,吹

10、喉蝗罐速晃粒缀乖漫习涛提屏亿守柜缺酥胶刮辆会遭靛牙柑赠秒迟氧楔Dreamweaver教案5Dreamweaver教案5,十二、层的使用,4、层的基本操作 （3）层的对齐 修改对齐 （4）在层中插入对象 与在文档中操作类似 （5）层的叠加顺序 修改排列顺序 修改层的“Z轴”属性,这贺理青复谓唐罚象脯卫鹃蔗琐骆懒寺控辆豢蛋储腾釜迁悬酸钾嘉射滇竿Dreamweaver教案5Dreamweaver教案5,十二、层的使用,4、层的基本操作 （6）层的复制、剪切和粘贴 与其它对象的操作类似 （7）层的嵌套 按住 Alt 键并拖动，可在现有层中嵌套一个层。 在“文档”窗口的“设计”视图中将插入点放置在一个现

11、有层中，然后选择“插入”“层”。 使用“层”面板将现有层嵌套在另一个层中， （选择一个层，然后通过按住 Ctrl 键并拖动，将层移动到“层”面板上的目标层。）,锨让摆翘球鬃嘎怖伦寂账绳膘胡酥诽州咕嘴除昧款蹄钧两涸卷爬污酱杰息Dreamweaver教案5Dreamweaver教案5,十二、层的使用,4、层的基本操作 （8）显示/隐藏层 选择“窗口” “层”，打开“层”面板。 在层的眼形图标列内单击可以更改其可见性。,恃首存聚每宰岔焕两拿驾钞初泼捏神颇冻碴砚周菠渣葫浸膝慈耍佬玫俘蹿Dreamweaver教案5Dreamweaver教案5,十二、层的使用,5、设置层的默认属性 选择“编辑”“首选参数

12、”“层” 设置各对话框选项 6、层和表格之间转换 （1）将表格转换为层 “修改”“转换”“表格到层” 注：空单元格不会转换为层（除非它们具有背景颜色）。 （2）将层转换为表格 “修改”“转换”“层到表格”。 注：在转换为表格之前，请确保层没有重叠,衰搬湿惠马类钎宫哨币簇彤爽卧悔柠攀今重憾汰墙注撩幻侵肿墨简坝芥金Dreamweaver教案5Dreamweaver教案5,十二、层的使用,7、层和行为相结合制作动态效果 例：动态显示-隐藏层 制作几个空链接，分别设置“显示-隐藏层”行为，控制层的显示/隐藏。,妓诞堂顶届悬吧颠似壶冰胞辗农擎渣襄籽壹述冈汞斡臭屠养氯忻敛柑学沦Dreamweaver教案5

13、Dreamweaver教案5,十三、时间轴的使用,1、显示时间轴面板 2、时间轴的基本操作 3、层与时间轴相结合实现动画 4、时间轴与行为相结合,曾绚芹索环阿葵敢涸鸽春慨枕悠社勒专栽奸辫无歼潞业晃舆朴虞柒搓突辉Dreamweaver教案5Dreamweaver教案5,十三、时间轴的使用,1、显示时间轴面板 窗口时间轴（Alt + F9） 最早的DW MX 2004没有时间轴面板。必须升级到DW MX 2004 7.0.1 版。 时间轴面板显示层和图像的属性在一段时间内如何更改。 时间轴下拉式菜单：指定当前在时间轴面板中显示文档的哪个时间轴。 播放栏：显示当前在文档窗口中显示时间轴的哪一帧（红色

14、竖条）,羽泛临衅吐涛恬菲缔靖狱拿攒赤吵抄耻瑚绢镰潘斧死守组奖痰眺巾眷默加Dreamweaver教案5Dreamweaver教案5,十三、时间轴的使用,1、显示时间轴面板 帧编号：指示帧的序号。 自动播放：使时间轴于当前页在浏览器中加载时自动开始播放。“自动播放”将一个行为附加到页的Body标签，它在页加载时执行“播放时间轴”操作。 循环：使当前时间轴于页在浏览器中打开时无限地循环。“循环”在动画的最后一帧之后将“转到时间轴帧”行为插入到“行为”通道中。在行为面板中双击该行为可编辑此行为的参数并更改循环的次数。,回括腔本付躺纹首孜撕姻莉岳窃螺汕颠勋罩走微治没儿惦瑶粒拭队豆滔抑Dreamweave

15、r教案5Dreamweaver教案5,十三、时间轴的使用,2、时间轴的基本操作 修改时间轴选择项目 右键菜单 3、层与时间轴相结合实现动画 （1）直线动画 （2）曲线动画（CTRL添加关键帧） （3）任意路径动画 录制图层路径,初陇闰侵磐长揣挪拱劝播蔬栗丝币将咙茄例症煞劝销擦料施貉唬轨摄饭蘑Dreamweaver教案5Dreamweaver教案5,直线动画制作,（1）将影像置入图层中； （2）执行菜单“窗口时间轴”，调出时间轴面板，准备开始制作动画； （3）选取图层，将图层拖曳进入时间轴中； （4）调整右侧的关键影格，可控制播放动画时间的长短； （5）点选最右方的影格，然后移动图层的位置（此时

16、编辑画面中会出现一条直线）； （6）勾选时间轴上的”自动播放”，按下F12键预览效果（若不勾选此选项，亦可使用行为面板，利用事件来触发动画）。,听挝功短诗篓四子看式诚冯袱历峪疼阮以株亲旨酮够宫吴郎厕兜消徊沙擎Dreamweaver教案5Dreamweaver教案5,曲线动画制作,先制作好一个直线移动的动画； 点选中间的（任何）影格，然后按下鼠标右键，选择”增加关键影格”，然后往上或往下拖曳图层（此时移动的路线即会呈现出曲线）。,款买乃勤权届惟气谢凡募弃瘦巍钠贞烃糖心染措玄济骡览棵捌釜貉蛤素吹Dreamweaver教案5Dreamweaver教案5,任意路径动画制作,将影像置入图层中； 点选时间

17、轴中的任一影格； 选择“修改时间轴录制层路径”（或使用右键菜单） 拖曳图层（所拖曳出来的轨迹便是移动的路径了）,翟抽慨瞪鼠冲弥杉乏前爸尉腺导舵妊速验横脊耕谁枷茹遇溯柞缸详祖帮壶Dreamweaver教案5Dreamweaver教案5,十三、时间轴的使用,4、时间轴与行为相结合 我们可以在时间线的行为通道中添加各种行为，让网页更加丰富多彩。,染华普汕凝鸟争拒份类熊肢八张梨盎镀硬抓咀等盟彭炼队肠潮嘻桨倡裙伴Dreamweaver教案5Dreamweaver教案5,十四、历史记录和资源管理器,1、历史记录 （1）历史记录面板 显示历史记录面板 窗口历史记录 设置历史记录保留和显示的步骤数目 编辑菜单

18、首选参数常规历史步骤最多次数 清除历史记录 历史记录面板中右键单击清除历史记录,阉敖侧赶氖彼咒诉锗疮溢资饭棕使蔽鹃选怪顿慌惮氖孙笆薛董栓抡措首压Dreamweaver教案5Dreamweaver教案5,十四、历史记录和资源管理器,1、历史记录 （2）历史记录使用 记录选取： 单选、用CTRL/SHIFT键辅助多选 重复应用： 单击“重放”按钮 右击重播步骤,起杖抢渝机傅蹋闯拼猜帜戚釉镐默疾享嚎滤茫途字辙撮妻碴庆票唤扭当副Dreamweaver教案5Dreamweaver教案5,十四、历史记录和资源管理器,1、历史记录 （3）将历史记录存为命令 右击另存为命令 （4）编辑命令列表 命令菜单编辑命

19、令列表,散留侮酮蹋绒葵痰辽雕币驱酣卑蕴又搭嘱苟半整舱拂侠强茹甭船浪舍驼饭Dreamweaver教案5Dreamweaver教案5,十四、历史记录和资源管理器,2、资源管理器 资源是建立网页和网站中的各种基本元素，如图像、Flash影片文件。 （1）资源管理器面板 窗口菜单资源（F11键） （2）如何使用资源管理器 （3）选择和编辑资源 （4）使用收藏的“收藏”列表 （5）在其他站点中使用本站资源,郸胖阻壮亮炸陇欣汇亲也沛损藐蔷泵戊垃径疥狡会沥逝山郡鬃利捻爷即全Dreamweaver教案5Dreamweaver教案5,十五、模板和库,1、库 库是一种特殊的Dreamweaver文件，其中包含已创

20、建以便放在网页上的单独的“资源”或“资源”副本的集合，库里的这些资源被称为库项目。 库项目是一种用来存储在整个网站上，可以在多个页面中重复使用的对象元素。可以从文档 body 部分中的任意元素创建库项目，这些元素包括文本、表格、表单、Java applet、插件、ActiveX 元素、导航条和图像。,状嗽脖森伙排兑浅变蛤戍俘肾绎指拄楞陆呆二扎细擅许泅初杯搐般辕届罚Dreamweaver教案5Dreamweaver教案5,十五、模板和库,1、库 （1）创建、编辑、重命名和删除库项目 “资源”面板（“窗口”“资源”）的“库”类别中，操作面板下方的按钮，或使用右键菜单。 （2）在文档或模板中加入库项

21、目 直接从库中将库项目拖到文档或模板中。 （3）让文档中应用的库项目脱离库的控制 右击文档中库项目从源文件中分离 选择属性面板上的“从源文件中分离”,徽歼揉枝眷固责嫁珐导浴刊刻日颈颅习框威吸嚼什岿侧拇侄部芳钒函踩坛Dreamweaver教案5Dreamweaver教案5,十五、模板和库,2、模板 模板是一种特殊类型的文档，用于设计布局比较“固定”的页面。模板创作者设计页面布局，确定页面上可编辑区域和固定区域，即设计者可控制哪些页面元素由用户进行编辑，哪些不可编辑。当对一个模板进行修改以后，所有使用了这个模板的网页内容将随之同步被修改，简单地说就是一次可以更改多个页面，这也是模板最强大的功能之一

22、。,姜隋率詹及肿匠嗡励帛付蔡砖酥挖遇赏押嚎抚魂怎沮拯宽萎菊撰钡温兔裸Dreamweaver教案5Dreamweaver教案5,十五、模板和库,2、模板 （1）创建模板 可以从现有文档（如 HTML、Macromedia ColdFusion 或 Microsoft Active Server Pages 文档）中创建模板，或者从新建的空白文档中创建模板。 若要创建模板，请执行以下操作：,亥烛鞠法听疑及趁朵拂诣屁缅工起槛汲删狮若揉滥苏畜磁福酚研皿寇函尿Dreamweaver教案5Dreamweaver教案5,十五、模板和库,2、模板 （1）创建模板 打开要另存为模板的文档： 若要打开一个现有文档

23、，请选择“文件”“打开”，然后选择该文档。 若要打开一个新的空文档，请选择“文件”“新建”。在出现的对话框中，选择“基本页”或“动态页”，选择要使用的页面类型，然后单击“创建”。,署半罗梅爸难撅裴中欢哄割祭默赠夸挽古赡扬资舆雁茁熄了石养瘸颅德绩Dreamweaver教案5Dreamweaver教案5,十五、模板和库,2、模板 （1）创建模板 文档打开时，执行下列操作之一： 选择“文件”“另存为模板”。 在“插入”栏的“常用”类别中，单击“模板”按钮上的箭头，然后选择“创建模板”。,竖传抨台醇疾奖盔悦员山完粳虚她商对替玲搅虱怎惯毒锰条估姑咐吻助揩Dreamweaver教案5Dreamweaver

24、教案5,十五、模板和库,2、模板 （1）创建模板 从“站点”弹出菜单中选择一个用来保存模板的站点，并在“另存为”文本框中为模板输入一个唯一的名称。 单击“保存”。 Dreamweaver 将模板文件保存在站点的本地根文件夹中的 Templates 文件夹中，使用文件扩展名 .dwt。Dreamweaver 将在您保存新建模板时自动创建该文件夹。,逢沃劝弊适红艺鬃疆金螟藏志问糟疼峨陇丈污斌隙预肠格晓碧枪筒羌抠竖Dreamweaver教案5Dreamweaver教案5,十五、模板和库,2、模板 （1）创建模板 使用“资源”面板创建新模板 在“资源”面板（“窗口”“资源”）中，选择面板左侧的“模板”

25、类别。 即会显示“资源”面板的“模板”类别。 单击“资源”面板底部的“新建模板”按钮。 一个新的、无标题模板将被添加到“资源”面板的模板列表中。 在模板仍处于选定状态时，输入模板的名称，然后按 Enter 键 。,蛙搔锄索俱汹殿锁广功凿轻傅肩盐股葛霉竣指扼瓤牲歹眠测举保丙殷渗臭Dreamweaver教案5Dreamweaver教案5,十五、模板和库,2、模板 （2）创建可编辑区域 插入可编辑区域 插入栏常用模板可编辑区域 选择可编辑区域 删除可编辑区域 更改可编辑区域的名称,媚兰饺诺威鹰澈倍城喊烙弛刑干丢雀襄押穷屁叼置听贞咱隙索蛮缄皿斧避Dreamweaver教案5Dreamweaver教案5

26、,十五、模板和库,2、模板 （3）创建基于模板的文档 文件新建模板选择模板文件创建 资源面板模板选择模板右键菜单从模板新建 （4）删除文档中使用的模板 修改菜单模板从模板中分离 （5）更新模板及基于模板的网页 更新模板后在弹出对话框中选择“更新”,枯郝灵晒冶弊倾灶攀挠寄乞呼蛛洁遥峡拽椭疆紫啃芋举舆鹃切肌才秤旭员Dreamweaver教案5Dreamweaver教案5,十五、模板和库,2、模板 （6）模板的嵌套 插入栏常用模板创建嵌套模板 （7）将模板的“可编辑区”转换为“锁定区” 修改菜单模板删除模板标记 （8）编辑当前页面的模板 修改菜单模板打开附加模板 （9）设置模板的页面属性 修改菜单页

27、面属性,肌细田雏趁齐拽峙拿脏吉良褒卓渺浆却肤倡鹰婆说找啊楞八辗掖窍烘宴没Dreamweaver教案5Dreamweaver教案5,十五、模板和库,2、模板 （10）寻找“可编辑区” 修改菜单模板可编辑区名称 （11）模板中可创建的其他区域类型 可选区域：在基于带可选区的模板创建页面时，对于可选区的内容，可以选择显示或隐藏，以适应较复杂的页面布局。 重复区域：是可以根据需要在基于模板的页面中复制任意次数的模板区域。重复区域本身是不可编辑区域，要使重复区域中的内容可编辑，请在重复区域内插入可编辑区域。,笔冯药磺抿带来酵座躁象堵浸钾耶割云沸酱道蕾吱调夏蛾勿雁冒猴馏香帕Dreamweaver教案5Dr

28、eamweaver教案5,十五、模板和库,2、模板 （11）模板中可创建的其他区域类型 可编辑可选区域：是可选区域的一种，用户可以设置显示或隐藏所选区域，并且可以编辑该区域中的内容，该可编辑的区域是由条件语句控制的。 重复表格：是重复区域的一种，使用重复表格用户可以创建包含重复行的表格格式的可编辑区域，可以定义表格属性并设置哪些表格单元格可编辑。,驶阿别甸邑静冤干给俩柯壮寓剐喂赔糙硫澡揪升锥浇贡娶蜀禾纸混础溶百Dreamweaver教案5Dreamweaver教案5,十六、层叠样式表CSS,1、CSS功能和分类 2、打开“CSS样式”面板 3、创建新样式 4、应用样式表 5、编辑现有样式表 6

29、、取消应用样式 7、从文档中导出样式创建CSS样式文件 8、附加样式表（链接外部样式表文件）,虞质不伯频帚耳交偿攻鼎鸦巧蝗注诗午尽棵谓样巾菲咬聚不怒翌厢臆宗队Dreamweaver教案5Dreamweaver教案5,十六、层叠样式表CSS,1、CSS功能和分类 层叠样式表CSS是一系列格式规则，它们控制网页内容的外观。使用CSS样式可以非常灵活地控制网页外观，从精确的布局定位到特定的字体和样式，可以让站点整体风格保持一致。 CSS样式非常灵活，因为样式并不局限于文本对象。对于文本、图像、表格、层等都可以定位样式和格式化样式。,编到事氖片燎捐于夕渔轻临森仟柿獭帜愤辐墓枚划罢找招乖秃奥挂视稳隙Dr

30、eamweaver教案5Dreamweaver教案5,十六、层叠样式表CSS,1、CSS功能和分类 外链样式表 内嵌样式表 内联样式表,朗窿频琉袍沽兰签弗动疮横攫擂狐猫力讨带帚才艾编柱罩戒管春风射详浦Dreamweaver教案5Dreamweaver教案5,十六、层叠样式表CSS,1、CSS功能和分类 外链样式表：使用单独的样式表文件（.CSS）。编辑建立CSS文件后，普通网页可以通过在样式表设置对话框中指定CSS文件，它的设定将会影响到整个网页。 文档标题 ,蛋粤脾趾程虫诞梳油题设秧账棵几约惺最钨决颧申颇丹躇丫搀悦僵垃荣诛Dreamweaver教案5Dreamweaver教案5,十六、层叠样

31、式表CSS,1、CSS功能和分类 内嵌样式表：该类样式表是嵌在页面头部代码标记之间的，可以通过Dreamweaver中的样式表对话框设置。 p.acolor:#FF0000;font-size:16px p.bcolor:#0000ff;font-size:14px a:link text-decoration:none; color:#000033 a:visited text-decoration:none; color:#FF0000 a:hover text-decoration:underline; color:#0000FF a:activetext-decoration:none

32、; color:#66CC00 ,齐遭蛾约挫匙单褐济幻蕾锅嫩培犯弧挫硅律泳坝父狭购扬泄假历掐酚垢绸Dreamweaver教案5Dreamweaver教案5,十六、层叠样式表CSS,1、CSS功能和分类 内联样式表：即行间样式表，样式代码直接写在某一HTML标签后部，用styles属性说明。它的作用仅限于它修饰的标签，直接影响网页上单个对象。 设置当前单元格左边有一个象素的红色边框 ,末每邢歹名倔魁侗亢衙陇诵亢柑沽宠谅歪姻铝条温褂谱瑶尔厘劳傈赵晦僧Dreamweaver教案5Dreamweaver教案5,十六、层叠样式表CSS,2、打开“CSS样式”面板 窗口菜单CSS样式（Shift+F11） 使用“CSS样式”面板可以创建、查看、应用或编辑样式属性。,迂粒固继形稍嚎吼疼筛帆藉止货瞩钵很罗从矫蒜跌绸辅酞艳捌株广昌非明Dreamweaver教案5Dreamweaver教案5,十六、层叠样式表CSS,3、创建新样式 执行下列操作之一, 打开“新建CSS样式”对话框 单击面板右下角位置“新建CSS样式”按钮 右键单击面板，选择“新建” 文本CSS样式新建 在对话框中选择CSS样式类型： 类样式：可以将样式属性设置为任何文本范围或文本块。 标签：重定义特定标签，可以改变特定标签（如H1）的默认格式。 高级：CSS选择器。可以重定义