05层叠样式、模板和库.pptVIP

第5章 层叠样式、模板与库;1．CSS的概念 Cascading Style Sheets的缩写，中文译为“层叠样式表”。 术语“层叠”是指对同一个元素或 Web 页面应用多个样式的能力。例如，可以创建一个 CSS 规则来应用颜色，创建另一个规则来应用边距，然后将两者应用于一个页面中的同一文本。 层叠样式表 (CSS) 是一系列格式设置规则，它们控制 Web 页面内容的外观。使用 CSS 设置页面格式时，内容与表现形式是相互分开的。页面内容（HTML 代码）位于自身的 HTML 文件中，而定义代码表现形式的 CSS 规则位于另一个文件（外部样式表）或 HTML 文档的另一部分（通常为 head 部分）中。 优点：CSS 能够同时控制多个文档的格式，当CSS 样式表被修改后，使用该CSS 样式的网页文档格式都将自动更新。;2 创建CSS样式 1）菜单【窗口】|【CSS样式】，打开CSS样式面板。;2）单击“CSS样式”面板右下角的“新建CSS规则”??钮，打开“新建CSS规则”对话框。;;;;“CSS规则定义”对话框：;;3 设置CSS样式;;;;CSS盒子模式;;;;;;过滤器：使用CSS语言实现过滤器（滤镜）效果。单击“过滤器”下拉列表框旁的按钮，可以看见有多种滤镜效果可供选择。 见下表：;滤镜效果;CSS的文字特效——光晕字;CSS的文字特效——阴影字 Drowshadow滤镜的语法如下： DropShadow(Color=?, OffX=?, OffY=?, Positive=?) 。其中，Color表示投射阴影的颜色；OffX、OffY分别代表阴影偏离文字位置的量；Positive为一个逻辑值，1代表为所有不透明元素建立阴影，0代表为透明元素建立可见阴影。;CSS的文字特效——动感字 Blur(Add=?, Direction=?, Strength=?)。Add参数是一个布尔值，一般来说，当滤镜用于图片的时候取0，用于文字的时候取1；Direction代表模糊方向，单位是角度；Strength代表模糊移动值。在此定义Blur(Add=1, Direction=90, Strength=150)，预览可以看到如图所示的效果。;4 编辑与应用CSS样式;;;;5.2 模板的应用;1 创建模板;;单击模板面板上的“扩展”按钮，在弹出菜单中选择“新建模板”这是在浏览窗口出现一个未命名的模板文件，给模板命名。然后单击“编辑”按钮，打开模板进行编辑。编辑完成后，保存模板，完成模板建立。;;;;2 定义模板可编辑区域;;;定义可编辑区域的注意问题：;3 创建基于模板的页面;5.3 库的应用;1 创建库项目;2 插入库项目;3 更改库项目;;