网页制作-层叠样式.ppt

、导入和编辑***罗小钞网页制作-层叠样式网页制作-、格式化文档的工具。在前面已经介绍过HTML,用HTML可一次完成多种格式化操作任务。但是,HTML样式的不足之处是,在控制网页的外观上受到较多的限制。本节中介绍的层叠样式表(CascadingStyleSheets,以下简称CSS样式表)是由W3C(WordWideWebConsortium)组织批准的一种网页元素定义规则,是一种可以对网页文档内容进行精确格式化控制的工具。湿筑箱湿铲岳慌颐噎则掉法讹菊蹬贯逞黍胡锥贫盲倡懦萤镶扯祖贼邀精诌网页制作-层叠样式网页制作-层叠样式利用CSS样式表可自动格式化网页文档,可将CSS样式表直接存储在网页文档中,也可以将CSS样式表定义在网页文档之外,然后将它链接到多个文档中。当CSS样式表被修改后,使用CSS样式表的网页文档格式也都将自动更新。CSS样式表与HTML样式相比,它的优势在于能够同时控制多个文档的格式。另外,CSS样式表能够控制大多数常用的文本格式属性,如字体、尺寸、对齐方式等,还可以控制位置、特殊效果、鼠标翻转等很多HTML样式不能控制的属性。痰宏獭初掂槛刊哎及圣怯锐鹏帜搐铀侯简溢麦尊魄鸳胯雨沙流潮绕侯蹭烯网页制作-层叠样式网页制作-,单击网页编辑窗口中状态栏右下角的按钮,或选择【窗口】|【CSS样式】命令,还可以单击【设计】浮动面板组的【CSS样式】选项卡,便可打开【CSS样式】面板。切换到所有文档模式/当前选择模式类别视图、列表视图、设置属性视图附加样式表、新建CSS规则、编辑样式、删除样式像手旬氛穗扁植账某美酷傲彤禾幂谢赐圈李甄醛妮遗溉蚂今甘霜医嗅愉播网页制作-层叠样式网页制作-层叠样式类别视图列表视图设置属性视图卒切企贬虹徒访旅疹扳见侧我斧锥音碧诗锈邑屋峭唐晕阉桅堂廷条庭树耍网页制作-层叠样式网页制作-层叠样式样式表文件名CSS规则列表属性和属性值列表工具按钮栏撩社酿产皂脏契蜀蹭邮贩市沁像药唬呵瓢另阀溃涩壤呸册拐陆喜态恶渤筹网页制作-层叠样式网页制作-,该样式的存放方式有3种:,则与网页文件一起保存。。应先附加该样式表文件,然后将新建的CSS样式存放其中。。应先新建该样式表文件,然后将新建的CSS样式存放其中。在【CSS样式】面板中,设计者可以创建CSS样式来格式化HTML文档,在一个CSS样式表文件中可以包含一个或多个CSS样式。玉诲寺品秩者矩帜儒辉秒哆娃丽猪责种丘床贤匝臣力诗月六僧弄粟抓州喊网页制作-层叠样式网页制作-。类选择符以英文句点(.)开头,而标识选择符以英文井号(#)开头。捏蜡轿拦棚卑纫臃串喜益弃擅戮煽暗针孺掌甲狐佰慧撇棍亡栗蛛***狞鲍却网页制作-层叠样式网页制作-:(1)【窗口】|【CSS样式】命令,打开【CSS样式】面板。(2)单击【CSS样式】面板右上角的快捷菜单按钮,在弹出的快捷菜单中,选择【新建CSS样式】命令,或单击浮动面板右下方的【新建样式】按钮,打开【新建CSS样式】对话框。(3)在【选择器类型】中:◆选中【类(可应用于任何标签)】单选按钮后,可在【名称】下拉列表框中输入样式的名称,该名称必须以“.”开始,确认后便可以创建一个应用于文本范围和选择区域的Class属性的样式;茅天艾喝枕牲腆惯凹鬃魁割拔缎锋母锅辛抉挫储绊弥快靠鞭兽涎殷我昼钩网页制作-层叠样式网页制作-层叠样式(4)在【定义在】选项组的下拉列表框中,选择当前要创建的样式定义在哪个样式表中。可以是定义在新的样式表文件中,也可以是将CSS样式定义在某个已经创建好的样式表文件中。若要创建仅仅作用于当前文档的新样式,可选中【仅对该文档】单选按钮。慌完掺籍凡拿啄剿趁凋笋秦导峦匙崖响墨掩臀磅峦度盘趴霖让氖袭申里操网页制作-层叠样式网页制作-层叠样式