第8章使用CSS样式

《中文版DreamweaverCS5网页制作实用教程》第八章使用CSS样式学习目标

CSS是英语CascadingStyleSheets（层叠样式表单）的缩写，它是一种用于表现HTML或XML等文件式样的计算机语言。用户在设计与制作网页的过程中，使用CSS样式，可以有效地对页面的布局、字体、颜色、背景和其他效果实现精确的控制。本章将主要介绍CSS样式的相关知识，帮助用户掌握利用CSS样式创建精致网页效果的具体方法。:::::《计算机基础与实训教材系列》系列丛书官方网站/edu:::::本章重点

认识CSS样式

创建CSS样式编辑CSS样式:::::《计算机基础与实训教材系列》系列丛书官方网站/edu:::::8.1CSS样式的概念

CSS样式是CascadingStyleSheets(层叠样式单)的简称，也可以称为“级联样式表”，它是一种网页制作的新技术，利用它可以对网页中的文本进行精确的格式化控制。

CSS样式简介

CSS样式规则:::::《计算机基础与实训教材系列》系列丛书官方网站/edu:::::8.1.1CSS样式简介

在CSS样式之前，HTML样式被广泛应用，HTML样式用于控制单个文档中某范围内文本的格式。而CSS样式与之不同，它不仅可以控制单个文档中的多个范围内文本的格式，而且可以控制多个文档中文本的格式。:::::《计算机基础与实训教材系列》系列丛书官方网站/edu:::::8.1.1CSS样式规则

CSS样式规则由两部分组成：选择器和声明(大多数情况下为包含多个声明的代码块)。选择器是标识已设置格式元素的术语，例如p、h1、类名称或ID，而声明块则用于定义样式属性。例如下面CSS规则中，h1是选择器，大括号({})之间的所有内容都是声明块。

CSS样式类型

CSS样式应用范围:::::《计算机基础与实训教材系列》系列丛书官方网站/edu:::::8.2使用CSS样式

在Dreamweaver中，用户可以创建一个CSS样式，然后将其应用到网页文档的单个或多个元素，完成文本的格式化。下面将主要介绍使用CSS样式具体方法。:::::《计算机基础与实训教材系列》系列丛书官方网站/edu:::::8.2.1认识“CSS样式”面板

用户在Dreamweaver中选择“窗口”|“CSS样式”命令，可以打开“CSS样式”面板，该面板中显示了当前所选页面元素的CSS规则和属性，其顶部的有“全部”和“当前”两种模式按钮，单击相应的按钮，即可在两种模式之间切换，并且可以在这两种模式下进行修改CSS属性的操作。:::::《计算机基础与实训教材系列》系列丛书官方网站/edu:::::8.2.2创建CSS样式

在Dreamweaver中，用户可以在“新建文档”对话框中创建CSS样式规则，也可以在“CSS样式”面板中创建。:::::《计算机基础与实训教材系列》系列丛书官方网站/edu:::::8.2.3应用CSS样式

新建CSS规则样式后，就可以利用该样式快速设置页面上的网页元素样式，使网站具有统一的风格。在Dreamweaver中，要对文档指定元素应用CSS样式，用户可以在“属性”面板中设定或者在“标签检查器”面板组的“属性”面板中设定。下面将主要介绍在页面中应用CSS样式的常用方法。通过“属性”面板应用CSS样式

通过右键菜单应用CSS样式:::::《计算机基础与实训教材系列》系列丛书官方网站/edu:::::8.3编辑CSS样式对于创建的CSS样式，可以进行编辑操作，主要包括修改CSS样式属性、设置CSS样式首选参数以及链接和导入CSS样式