3.5. CSS 声明

CSS声明是由"属性","冒号(:)","属性值"和"分号(;)"组成的.

语法:

属性:属性值;

font-size:12px;

例如:

选择符名字
{
	声明1;
}

选择符名字
{
	声明2;
}

选择符名字
{
	声明3;
}

可以组合为:

选择符名字
{
	声明1;
	声明2;
	声明3;
}

div
{
	color:black;
}

div
{
	font-size:12px;
}

与下面的是等价的

div
{
	color:black;
	font-size:12px;
}

选择符名字1
{
	声明1;
	声明2;
}

选择符名字2
{
	声明1;
	声明2;
}

选择符名字3
{
	声明1;
	声明2;
}

可以组合为:

选择符名字1,选择符名字2,选择符名字3
{
	声明1;
	声明2;
}

.dreamdudivwhite12px
{
	color:white;
	font-size:12px;
}

h1
{
	color:white;
	font-size:12px;
}

div
{
	color:white;
	font-size:12px;
}

与下面的是等价的

.dreamdudivwhite12px,h1,div
{
	color:white;
	font-size:12px;
}

CSS的语法是比较简单的,声明也比较直接,难点是选择符的名字,有很多种变化,高级教程中我将详细介绍.

h1
{
	color:red;
}

p
{
	color:black;
	font-size:12px;
}

div
{
	color:lightblue;
	font-size:16px;
}

h1, p, div
{
	border:1px solid black;
}

通过上面的示例大家可以看出选择符组合的好处,border: 1px solid black;这段代码只写了一次,就定义了三种HTML标签,这样使代码更统一,便于以后的修改,减少了代码量.