Dreamweaver 8中文版网页制作基础 项目教学 王君学 刘虹 项目八 CSS-设置环保网页样式- 新.pptVIP

Dreamweaver 8中文版网页制作基础 项目八 CSS──设置环保网页样式 CSS样式表技术是当前网页设计中非常流行的样式定义技术，主要用于控制网页中的元素或者区域的外观格式。使用CSS样式表可以将与外观样式有关的代码内容从网页文档中脱离出来，实现内容与样式的分离，从而使文档清晰简洁，便于日后修改。本项目将以环保网页为例，介绍使用CSS样式控制网页外观的基本方法。在项目中，将按页眉、主体和页脚的顺序进行介绍。 任务一 设置页眉CSS样式 （一）定义“body”的CSS样式 需要掌握的内容主要有： 1、【CSS样式】面板 2、CSS样式的类别 3、定义标签CSS样式的方法 4、CSS的【类型】属性对话框 5、CSS的【区块】属性对话框 6、CSS的【方框】属性对话框 1、【CSS样式】面板 在主菜单中选择【窗口】／【CSS样式】命令，即在【CSS样式】命令前打上“√”，打开【CSS样式】面板。 2、CSS样式的类别 在【CSS样式】面板中单击面板底部的 （新建）按钮，弹出【新建CSS规则】对话框，根据【选择器类型】的不同，CSS样式被划分为3大类：类（可应用于任何标签）、