第9章 使用CSS样式姜慧霖.pptVIP

高等学校计算机应用规划教材 第 九 章 学 习 目 标 本 章 重 点 9.1 CSS样式的概念 9.1.1 CSS样式简介 9.1.1 CSS样式规则 9.2 使用CSS样式 9.2.1 认识“CSS样式” 面板 9.2.2 创建CSS样式 9.2.3 应用CSS样式 9.3 编辑CSS样式 * 《网页设计与制作基础教程》 使用CSS样式 CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用于表现HTML或 XML 等文件式样的计算机语言。用户在设计与制作网页的过程中，使用CSS样式，可以有效地对页面的布局、字体、颜色、背景和其他效果实现精确的控制。本章将主要介绍CSS样式的相关知识，帮助用户掌握利用CSS样式创建精致网页效果的具体方法。 认识CSS样式 创建CSS样式 编辑CSS样式 CSS样式是Cascading Style Sheets(层叠样式单)的简称，也可以称为“级联样式表”，它是一种网页制作的新技术，利用它可以对网页中的文本进行精确的格式化控制 。 CSS样式简介 CSS样式规则 在CSS样式之前，HTML样式被广泛应用，HTML样式用于控制单个文档中某范围内文本的格式。而CSS样式与之不同，它不仅可以控制单个文档中的多个范围内文本的格式，而且可以控制多个文档中文本的格式 。 CSS样式规则由两部分组成：选择器和声明(大多数情况下为包含多个声明的代码块)。选择器是标识已设置格式元素的术语，例如 p、h1、类名称或ID，而声明块则用于定义样式属性。例如下面CSS规则中，h1是选择器，大括号({})之间的所有内容都是声明块 。 CSS样式类型 CSS样式应用范围 在Dreamweaver中，用户可以创建一个CSS样式，然后将其应用到网页文档的单个或多个元素，完成文本的格式化。下面将主要介绍使用CSS样式具体方法 。 用户在Dreamweaver中选择“窗口”|“CSS样式”命令，可以打开“CSS样式”面板，该面板中显示了当前所选页面元素的CSS规则和属性，其顶部的有“全部”和“当前”两种模式按钮，单击相应的按钮，即可在两种模式之间切换，并且可以在这两种模式下进行修改CSS属性的操作 。 在Dreamweaver中，用户可以在“新建文档”对话框中创建CSS样式规则，也可以在“CSS样式”面板中创建 。 新建CSS规则样式后，就可以利用该样式快速设置页面上的网页元素样式，使网站具有统一的风格。在Dreamweaver中，要对文档指定元素应用CSS样式，用户可以在“属性”面板中设定或者在“标签检查器”面板组的“属性”面板中设定。下面将主要介绍在页面中应用CSS样式的常用方法 。 通过“属性”面板应用CSS样式 通过右键菜单应用CSS样式 对于创建的CSS样式，可以进行编辑操作，主要包括修改CSS样式属性、设置CSS样式首选参数以及链接和导入CSS样式等 。 修改CSS样式 移动CSS样式 链接和导入CSS样式