第八章 ss样式.ppt

CSS样式表 1.创建CSS样式表 1.创建CSS样式表 1.创建CSS样式表 1.创建CSS样式表 1.创建CSS样式表 1.创建CSS样式表 1.创建CSS样式表 1.创建CSS样式表 1.创建CSS样式表 2.使用CSS样式表 2.使用CSS样式表 3.CSS样式表应用实例 SCROLLBAR-FACE-COLOR: #ffffff; //滚动条凸出部分的颜色 SCROLLBAR-HIGHLIGHT-COLOR: #000000;//滚动条空白部分的颜色 SCROLLBAR-SHADOW-COLOR: #000000;//立体滚动条阴影的颜色 SCROLLBAR-3DLIGHT-COLOR: #ffffff;//滚动条亮边的颜色 SCROLLBAR-ARROW-COLOR: #A0D410;//上下按钮上三角箭头的颜色 SCROLLBAR-TRACK-COLOR: #ffffff;//滚动条的背景颜色 SCROLLBAR-DARKSHADOW-COLOR: #ffffff;//滚动条强阴影的颜色 * * 第八章 CSS样式表 1.创建CSS样式表 2.使用CSS样式表 3.CSS样式表实例 样式是控制文本块或段落外观的一组格式属性，使用样式可以格式化文本,可以设置一篇文档的格式。在DW中，样式包括HTML样式和CSS样式。 注意：在DW MX和旧版本的DW中会把样式细分为HTML样式和CSS样式，但在7.0以后的版本一般没有出现HTML样式了，一般使用CSS样式表。 CSS样式（层叠样式单）用来进行网页风格设 计，通过设立样式表，可以统一控制HTML中 各标记的显示属性，通过只修改一个文件就 可以改变一批网页的外观和格式。 css样式可以控制多个文本的文本格式，当 css样式被更新时，所有使用css样式的文档 也自动随着更新。 创建css样式 ① “窗口”-“CSS样式”把“CSS样式”面板选出来 ②点击“新建CSS样式”， 或者右键单击选“新建”创建CSS样式， 将会出现“新建CSS样式”对话框。 DW中，css样式分为三种 ①类（可应用于任何标签、自定义css样式）： 对文本块或文本区域 ②标签（重新定义特定标签的外观、重定义HTML标签样式）：该样式实际上是对现有HTML标记的一种重新定义。当用户创建或改变一个css样式时，所有使用该标记的文本格式也将自动被更新 ③高级（ID、上下文选择器等、css选择器样 式）：该样式用于重新定义一些特殊的标记组合或包含了特殊的ID属性的格式 类（自定义样式） 主要应用于选定的文本区域，没什么特别地 方。 标签 当选择“标签（重定义HTML标签）”类型时，可以看到 “名称”变成了“标签”。网页是用HTML代码编写的，是由很多“代码标签”写成的，所以当选择创建这一种样式时，可以把样式应用于所有选定的标签的地方。比如body标签是HTML正文部分，如果选了body的话，那么当应用这个样式时，应用于body标签的地方。同理，如果选了font（字体）标签，应用样式时，凡是有font标签的地方都应用这样样式 高级 当选择“使用CSS样式选择器“类型时，可以看到选择器选项有“a:link、a:visited、a:hover、a:active”选，其实这一类型样式是可以用来设定链接时不同状态的效果，如选了a:link就是准备来设定链接的状态效果，a:hover就是设置鼠标经过时的状态。 对于“定义在”选项，CSS样式可以分为： ①嵌入式 在独立的文档应用css样式 ②外部链接时 应用于多个文档，生成专门的*.css文件 选“新建样式表文件”时会把定义的样式单独 保存成文件，可以供其它文件使用 CSS样式表属性选项设置： 在CSS样式定义属性窗口中，可以进行类型，背景等设置，用的较多的为类型，背景，扩展。 ⑴类型里面有个“修饰”，用来设定链接文本 的。默认的话我们创建了一个链接的话，文 本下面会多了一条下划线的，可以对它进行 修改。 ⑵扩展选项的光标选项可以改变光标形状，默 认手型 ⑶扩展选项的过滤器选项可以设置很多效果， 但具体参数设置需要看其它参考书. 创建好样式后，在“CSS样式”面板中就有刚创 建好的样式了。在“css样式”面板单击要应用 的样式,右键点击“套用”。 链接外部css样式：想应用外部链接CSS样式文 件时点击“css样式”上的“附加样式表”打开“链 接外部样式表”对话框，或者右键单击选择“附 加样式表”。选择要用到的.css文件，可选链 接或导入。 编辑、复制和删除css样式 －编辑：直接双击要编辑的css样式名称