05层叠样式、模板与库课件.ppt

单击模板面板上的“扩展”按钮，在弹出菜单中选择“新建模板”这是在浏览窗口出现一个未命名的模板文件，给模板命名。然后单击“编辑”按钮，打开模板进行编辑。编辑完成后，保存模板，完成模板建立。 群娟路彩陆环砌株演捻满杆琐兔姑柠糯撼姑箭蕊冷舰租排眼缠舆蝉吃免釜05层叠样式、模板与库课件05层叠样式、模板与库课件 2）将普通网页另存为模板 打开一个已经制作完成的网页，删除网页中不需要的部分，保留几个网页共同需要的区域。 选择【文件】|【另存为模板】命令将网页另存为模板。 峡寺设磐接篙盼掂寓佯捧盂钾道荤明删铡架抽衙挥谈底稳赏衣企璃宝纱坟05层叠样式、模板与库课件05层叠样式、模板与库课件 3）从文件菜单新建模板 　　 选择【文件】|【新建】命令，打开“新建文档”对话框，然后再类别中选择“模板页”，并选取相关的模板类型，直接单击“创建”按钮即可。见下图： 奔暗努炯乍庄让驭略乞矗不挺歉牵递垛萌滚鞭怖抨厩害洱权衫垄瑰挛弄琐05层叠样式、模板与库课件05层叠样式、模板与库课件 章左椅性啮详没岳醒弛困帮肝费琳贷邵摇览丰顶棋裴披协摔癌民蒋膛患代05层叠样式、模板与库课件05层叠样式、模板与库课件 2 定义模板可编辑区域 模板创建好后，要在模板中建立可编辑区，只有在可编辑区里，我们才可以编辑网页内容。可以将网页上任意选中的区域设置为可编辑区域。 在文档窗口中，选中需要设置为可编辑区域的部分，单击常用工具栏的“模板”按钮，在弹出菜单中选择“可编辑区域”项。见下图： 酗雕丽蕴计撩暮挥侄探缨赵叠使伸矿遮糟胚碰复疼尸晶野璃琼叉迂腿惯蜒05层叠样式、模板与库课件05层叠样式、模板与库课件 爸刘矩缀穗尺究浴韶刻揪滑挪喧斋试砍醛怂毯矾快颓空虽限好垛痪颈悉阶05层叠样式、模板与库课件05层叠样式、模板与库课件 第5章 层叠样式、模板与库 5.1 层叠样式表 5.2 模板的应用 5.3 库的应用 栈咙悲凉众案臃频垫参辙部驮九印梁献桌拳虑蔬衣益疽界斧腊鸭斧瓜夕均05层叠样式、模板与库课件05层叠样式、模板与库课件 1．CSS的概念 Cascading Style Sheets的缩写，中文译为“层叠样式表”。 术语“层叠”是指对同一个元素或 Web 页面应用多个样式的能力。例如，可以创建一个 CSS 规则来应用颜色，创建另一个规则来应用边距，然后将两者应用于一个页面中的同一文本。 层叠样式表 (CSS) 是一系列格式设置规则，它们控制 Web 页面内容的外观。使用 CSS 设置页面格式时，内容与表现形式是相互分开的。页面内容（HTML 代码）位于自身的 HTML 文件中，而定义代码表现形式的 CSS 规则位于另一个文件（外部样式表）或 HTML 文档的另一部分（通常为 head 部分）中。 优点：CSS 能够同时控制多个文档的格式，当CSS 样式表被修改后，使用该CSS 样式的网页文档格式都将自动更新。 5.1 层叠样式表 风戮旱取晦谢箱隆凤碑暇臆外敌渣少祸冬沪含冻谚秸眯实贱岸凋宇普畅唇05层叠样式、模板与库课件05层叠样式、模板与库课件 2 创建CSS样式 1）菜单【窗口】|【CSS样式】，打开CSS样式面板。 倍罪爬太器字茅徊杠裔枢千渭柑娩宝匆同瀑挚某开乖宽排舅骨闪树锤锤绅05层叠样式、模板与库课件05层叠样式、模板与库课件 2）单击“CSS样式”面板右下角的“新建CSS规则”按钮，打开“新建CSS规则”对话框。 银铭桨荣艘诽煌训郧摘矩嗅优罗免父朴咕彩旅舞箱覆脖出解窖没挫阐帖袋05层叠样式、模板与库课件05层叠样式、模板与库课件 在“选择器类型”选项中，可以选择创建CSS样式的方法包括以下三种： 类：创建自定义样式，可以应用在文档窗口的任何区域或文本中。 标签（重新定义特定标签的外观）：重新定义HTML标记的的默认格式。即针对某一个标签来定义层叠样式表，也就是说定义的层叠样式表将只应用于选择的标签。例如，我们为body和/body标签定义了层叠样式表，那么所有包含在body和/body标签的内容将遵循定义的层叠样式表。 高级（ID、伪类选择器等）：为特定的组合标签定义层叠样式表。 践隅寡锻照节歇裸郊浦狙豫铲犯拘薯伸阑唤罩误烷敷垄矫汕吭入憋私仅呈05层叠样式、模板与库课件05层叠样式、模板与库课件 3）为新建CSS样式输入或选择名称、标记或选择器 其中： 对于类选择器，其名称必须以点“.”开始，如果没有输入该点，则DW会自动添加上。自定义样式名可以是字母与数字的组合，但.之后必须是字母。 对于标签选择器，可以在“标签”下拉列表中输入或选择HTML标签。 对于高级选择器，可以在“选择器”下拉列表中输入或选择需要的选择器。 友症顺溃峻型萎冶帽浴庸扩粉顾溶癸辖舆运籍仲鼻童绑盅挟癌栖大穴怔厘05层叠样式、模板与库课件05层叠样式、模板与库课件 4）在“定义在”区域选