第一课：CSS样式的格式

我们在网页要应用自己做的样式，就必须先在HTML文档中定义，才能在自己要的须要的地方引用，其格式如下：

selector {property1:value1;property2:value2;...}中文则为：

选择符 {属性1:属性值1;属性2:属性2;...}

在上面的格式中，说明一下，以上要输入符号都为英文输入，我们可以看每个属性都用";",而属性和属性值都用":"分开，

现在具体说下选择符，选择符可以是HTML标记、类、ID、和虚类。

• HTML标记选择符：

格式如下：HTMLselector{属性1:属性值1...}

HTMLselector一种HTML文档里面的标记，用来标示对象是什么，如"H1",说明它是"标题1"，如：

H1 {color:#C0C0C0}

• 类选择符：

格式如下：.classname {属性1:属性值1;...}

classname就是给这一个样式定义一个类名称，以便在须要的地方方便引用，注意"classname"前面的".",这说明这个样式是一个类，HTML对象有一个"class属性"，在要用的地方则加入如下代码：class="cssname",如：

.classname {font-size:15px},

• ID选择符：

格式如下：#Idname{属性1:属性值1;...}

几乎所有的HTML对象都有一个ID属性来标示这个对象,以方便在CSS、Javacript时对它进行操作，对一个有ID属性的对象要用CSS来对它定义，必须在前面用"#"标示（假设这个对象的ID为：a)如：

#a {line-height:20px}

• 虚类选择符：对于虚类选择符，我们用到的比较熟悉的有"A:link"、"A:visited"、"A:active",在CSS的应用用例子来说明吧：

A:active {color:red}