网页设计7CSS选择器汇编.ppt

管理CSS样式 修改CSS样式 删除CSS样式 复制CSS样式 重命名层叠样式 应用CSS样式表 自定义CSS样式的应用 链接外部CSS样式 修改CSS样式 创建层叠样式后，可以修改样式中的某些参数。 删除CSS样式 在“CSS样式”面板中，选择要删除的样式名称。 单击面板底部的“删除”按钮即可将样式删除。 复制CSS样式 复制一个已经创建完成的CSS样式，再对其参数进行修改，即可创建一个全新的CSS样式，这样可以提高工作效率。 重命名层叠样式 自定义CSS样式的应用 在CSS样式中的HTML标签样式和CSS选择器样式是自动应用的，只有自定义层叠样式需要用户手动操作。 链接外部CSS样式 通过链接外部CSS样式可将其他网页中的样式应用到当前网页中。 应用CSS滤镜效果 CSS滤镜是CSS的一个扩展，能把可视化的滤镜和转换效果添加到一个标准的HTML元素上，使应用样式的对象产生模糊、反转、发光等特殊效果。在Dreamweaver中，可直接在对话框中添加滤镜的参数，而不用编写复杂的代码。 扩展的CSS支持 在Dreamweaver中，CSS面板设计成了统一的面板，我们在此面板中可以快速确认样式、编辑样式、查看应用于页面元素的样式。 HTML标签样式 该样式是对现有的HTML标记进行重新定义，当创建或改变该样式时，所有应用了该样式的文本格式都会自动更新。 这一种方式主要是针对于某一个标记，所定义的样式也只应用于选择的标记。 定义形式为：标记名称　{　属性名称：属性值}，例如:body { margin-left : 15px ; margin-right : 15px; }。 CSS选择器样式 CSS选择符是一种特殊类型的样式，该样式是对某些特定的标记组合进行重新定义，如所有包含了特定ID属性的标记，设置完成此样式后Dreamweaver会自动应用该样式。 常用的有4种：a:link、a:active、a:visited和a:hoer。其中“a:link”设置正常状态下链接文字的外观，“a:active”设置鼠标单击时链接的外观，“a:visited”设置访问过的链接外观，“a:hoer”设置鼠标放置在链接文字之上时文字的外观。 设置CSS样式 类型设置 背景设置 区块设置 方框设置 边框设置 列表设置 定位设置 扩展设置 类型设置 背景设置 “背景”设置包括设置背景颜色、选择背景图像、设置背景图像是否重复及重复的方式、背景图像是否滚动、背景图像相对于应用样式元素的位置。 区块设置 “区块”指网页中文本、图像和层等替代元素，主要用于控制块中元素的间距和对齐方式等。 方框设置 “方框”设置可以定义控制元素在页面上的放置方式和属性等。 边框设置 “边框”设置包括定义元素周围边框的样式、宽度及颜色等。 列表设置 “列表”设置主要用于控制列表内各项元素的属性，如项目符号类型、项目符号图像和项目符号位置。 定位设置 “定位”设置主要用于控制网页元素，特别是层的位置。 扩展设置 “扩展”设置主要用于为打印的页面设置分页和为网页元素设置视觉效果。 课后作业 练习在网页中定义3种CSS选择器，并在正文中应用。 内部培训资料,不作任何宣传用途 P o w e r B a r 中国专业PPT设计交流论坛 授课人：何蕴婷 EMAIL：jmhyt@126.com 内部培训资料,不作任何宣传用途 内部培训资料,不作任何宣传用途 网页设计与制作（7） ---- CSS样式（2） 作业讲评 link href=file:///F|/新建文件夹 (2)/Untitled-2.css rel=stylesheet type=text/css“ #p { font-family: Times New Roman, Times, serif; lint href=08.07.css“ body { background-image: url(image/%E6%98%9F%E6%98%9F%E8%83%8C%E6%99%AF_020_%E7%9C%8B%E5%9B%BE%E7%8E%8B.gif);