项目八 CSS-设置环保网页样式-PPTVIP免费

Dreamweaver8Dreamweaver8中文版中文版网页制作基础网页制作基础项目八项目八CSS──CSS──设置环保网页样式设置环保网页样式任务一设置页眉CSS样式任务二设置网页主体的CSS样式实训使用CSS设置“一翔环保”网页样式任务三设置页脚的CSS样式CSS样式表技术是当前网页设计中非常流行的样式定义技术，主要用于控制网页中的元素或者区域的外观格式。使用CSS样式表可以将与外观样式有关的代码内容从网页文档中脱离出来，实现内容与样式的分离，从而使文档清晰简洁，便于日后修改。本项目将以环保网页为例，介绍使用CSS样式控制网页外观的基本方法。在项目中，将按页眉、主体和页脚的顺序进行介绍。任务一设置页眉任务一设置页眉CSSCSS样式样式（一）定义“body”的CSS样式（二）定义页眉的CSS样式（一）定义“（一）定义“body”body”的的CSSCSS样式样式需要掌握的内容主要有：1、【CSS样式】面板2、CSS样式的类别3、定义标签CSS样式的方法4、CSS的【类型】属性对话框5、CSS的【区块】属性对话框6、CSS的【方框】属性对话框在主菜单中选择【窗口】／【CSS样式】命令，即在【CSS样式】命令前打上“√”，打开【CSS样式】面板。11、【、【CSSCSS样式】面板样式】面板在【CSS样式】面板中单击面板底部的（新建）按钮，弹出【新建CSS规则】对话框，根据【选择器类型】的不同，CSS样式被划分为3大类：类（可应用于任何标签）、标签（重新定义特定标签的外观）、高级（ID、伪类选择器等）。22、、CSSCSS样式的类别样式的类别在弹出的【新建CSS规则】对话框的【选择器类型】选项组中，选择【标签（重新定义特定标签的外观）】选项，在【标签】单选按钮的下拉列表中选择要定义的标签类型，然后继续进行操作即可。33、定义标签、定义标签CSSCSS样式的方法样式的方法【类型】属性主要用于定义网页中文本的字体、大小、颜色、样式及文本链接的修饰线等，其中包含9种CSS属性，全部是针对网页中的文本的。44、、CSSCSS的【类型】属性对话框的【类型】属性对话框CSS中的【区块】属性指的是网页中的文本、图像和层等替代元素，它主要用于控制块中内容的间距、对齐方式和文字缩进等。55、、CSSCSS的【区块】属性对话框的【区块】属性对话框【方框】属性包含6种CSS属性。66、、CSSCSS的【方框】属性对话框的【方框】属性对话框（二）定义页眉的（二）定义页眉的CSSCSS样式样式需要掌握的内容主要有：1、定义高级CSS样式的方法2、CSS的【背景】属性对话框3、定义类CSS样式的方法4、3种选择器各自的特点在【新建CSS规则】对话框的【选择器类型】中选择【高级（ID、伪类选择器等）】，在【选择器】文本列表框中输入名称，如“TopTable”，然后继续操作下去即可。11、定义高级、定义高级CSSCSS样式的方法样式的方法【背景】分类属性的功能主要是在网页元素后面加入固定的背景颜色或图像。【背景】属性面板中包含以下6种CSS属性。22、、CSSCSS的【背景】属性对话框的【背景】属性对话框在【新建CSS规则】对话框的【选择器类型】中选择【类（可应用于任何标签）】，在【名称】文本框中输入名称，如“.TopTd1”，然后继续操作下去即可。33、定义类、定义类CSSCSS样式的方法样式的方法3种选择器各自的特点。•【类】CSS样式用来存放文档中标签的共同属性，网页元素使用该类CSS样式时，需要添加引用。•【标签】CSS样式用来改变或者扩展文档中某些特定的HTML标签的属性。•【高级】CSS样式是改变标签组合、命名ID标签属性最好的方式。44、、33种选择器各自的特点种选择器各自的特点任务二设置网页主体的任务二设置网页主体的CSSCSS样式样式（一）设置左侧栏目CSS样式（二）设置右侧栏目的CSS样式（一）设置左侧栏目（一）设置左侧栏目CSSCSS样式样式需要掌握的内容主要有：1、CSS的【边框】对话框2、创建超级链接的高级CSS样式11、、CSSCSS的【边框】对话框的【边框】对话框网页元素边框的效果是在【边框】分类对话框中进行设置的，该属性对话框中共包括3种CSS属性。22、创建超级链接的高级、创建超级链接的高级CSSCSS样式样式创建基于表格“MidTd1Table”的超级链接高级CSS样式“#MidTd1Tablea:link,#MidTd1Tabl...