《商务网站设计与开发》
温浩宇
西安电子科技大学
第 3 章 层叠样式表
内容
•
CSS 简介3.1
•
选择符
3.2
•
CSS 的层叠性与优先次序3.3
•
常用属性及其应用实例3.4
•
CSS 盒子模型和网页布局方
式
3.5
•
思考题3.6
3.1 CSS 简介
•
层叠样式表（ ，简称为 ）是 组
织所拟定出的一套标准的样式语言规范。
•
随着 技术技术的使用， 页面真正“活动”了起来。而在
中，一些纯粹用作显示效果的元素将取消，因为它们显示
效果的工作更适合由 来担当。
•
作为一种用于网页展示的样式语言， 增加了更多的样式定义
方式来辅助 语言。通过 样式表的定义，只要设定某种
元素（如：表格、背景、连结、文字、按钮、滚动条等）的样式，
则各网页相同种类的元素将会呈现出相同的风格。这种方式不仅加
快了网站开发的进度，而且便于建立一个风格统一的网站。
3.1 CSS 简介
•
的定义可以直接放在 元素中，称为内联样式。形式如下：
!"#$%&$
•
的定义可以放在 文件的 $ 元素中，称为内部样式表。形式如下：
'$
$
(')(*+',-
&$
&'$
•
的定义也可以独立保存在一个扩展名为 % 的文件中，通过链接的方式包含入网页中，称为
外部样式表。形式如下：
'$
*.#&. . %.$
&'$
3.2 选择符
•
一条 规则中包括两个部分：一个选择符（ ）和一个或多个描述
（ ' ），描述之间用分号隔开。每一个描述中又包含属性名（ ）和属性
值（ /+ ）。语法如下：
)/+/+%%%%-
•
下面的 规则中声明了段落元素 $ 的显式方式，包括文本居中、黑色、 字
体。 中的注释在“ &0. 和“ 0&. 之间。
)
#
(*
-
•
在这个例子中， 是选择符， # 、 和 是属性，并为这些属性设置
了相应的属性值。
