等标记组成，但无法满足页面更多样式的要求，CSS可以帮助实现。而且如果站点内所有的网页都使用了同一个
样式表文件进行格式化，那么只需要修改这一个样式表就可以令整个网站的所有页面格式发
生变化，快捷而灵活。
二、 CSS样式表格式
1、CSS样式表的基本格式
由3部分组成：选择符（selector）、属性名（properties）和属性取值（value）。
格式为：selector {property：value}即选择符{属性：值；属性：值；属性：值…}。
把握两点：元素和样式（属性）
2、选择符说明
HTML标记选择符，选择符一般是你要定义样式的HTML标记，例如BODY、P、
TABLE……，你可以通过此方法定义它的属性和值，属性和值要用冒号隔开。
示例：body {color: black}
选择符body是指页面主体部分，color是控制文字颜色的属性，black是颜色的值，此例的
效果是使页面中的文字为黑色。
可以定义选择符组：h1、h2、h3、h4、h5、h6{color：balck}；特点：仅对与样式表中相同
的标记中的内容起作用。
选择符组：可以把相同属性和值的选择符组合起来书写，用逗号将选择符分开，可
以减少样式重复定义：
h1, h2, h3, h4, h5, h6 { color: green }
（这个组里包括所有的标题元素，每个标题元素的文字都为绿色）
p, table{ font-size: 9pt }
（段落和表格里的文字尺寸为9号字）
效果完全等效于：
p { font-size: 9pt }
table { font-size: 9pt }
类选择符：用类选择符你能够把相同的元素分类定义不同的样式，定义类选择符时，
在自定类的名称前面加一个点号。假如你想要两个不同的段落，一个段落向右对齐，
一个段落居中，你可以先定义两个类：
{text-align: right}
{text-align: center}
然后用在不同的段落里，只要在HTML标记里加入你定义的class参数：
这个段落向右对齐的
这个段落是居中排列的
注意：类的名称可以是任意英文单词或以英文开头与数字的组合，一般以其功能和效果简要
命名
类选择符：还有一种用法，在选择符中省略HTML标记名，这样可以把几个不同
的元素定义成相同的样式：
.center {text-align: center}
（定义.center的类选择符为文字居中排列）
这样的类可以被应用到任何元素上。下面我们使h1元素（标题1）和p元素（段落）都
归为“center”类，这使两个元素的样式都跟随“.center”这个类选择符：
这个标题是居中排列的
这个段落也是居中排列的
注意：这种省略HTML标记的类选择符是我们今后最常用的CSS方法，使用这种方法，
我们可以很方便的在任意元素上套用预先定义好的类样式。
ID选择符：在HTML页面中ID参数指定了某个单一元素，ID选择符是用来对这
个单一元素定义单独的样式。
ID选择符的应用和类选择符类似，只要把CLASS换成ID即可。将上例中类用ID替
代：
这个段落向右对齐
定义ID选择符要在ID名称前加上一个“#”号。和类选择符相同，定义ID选择符的
属性也有两种方法。下面这个例子，ID属性将匹配所有id="intro"的元素：
#intro
{
font-size:110%;
font-weight:bold;
color:#0000ff;
background-color:transparent
}
（字体尺寸为默认尺寸的110%；粗体；蓝色；背景颜色透明）
下面这个例子，ID属性只匹配id="intro"的段落元素：
p#intro
{
font-size:110%;
font-weight:bold;
color:#0000ff;
background-color:transparent
}
注意：ID选择符局限性很大，只能单独定义某个元素的样式，一般只在特殊情况下
使用。
包含选择符
作用：单独对某种元素包含的元素起作用的样式表格式。
语法：E1 E2 { sRules }
说明：包含选择符。选择所有被 E1 包含的 E2 。即 ns(E2)==true 。
示例：table td { font-size:14px; } table a { font-size:14px; }
CSS中的注释：利用“/*”、”*/”表示开始和结尾。
本文标签：
选择符
元素
属性
定义
样式表
admin 管理员组
发表评论