认识CSS(二)：如何使用CSS

在HTML文件中使用CSS的方式，主要有下列四种：

1. 在head元素中加入style属性定义样式表，这称为内部样式。

   举个例子：
   

在范例中写了一段style在HTML文件中，并且指定h1的颜色为红色，所以呈现红色字放大版的中秋节。但因为h2并没有被CSS定义到，所以呈现出的程序码如下所示：

2. 在各HTML元素标签内使用style属性指定样式

3. 外部样式：将CSS独立存成一个档案(副档名.css的档案)然後在HTML文件中用link元素将它连结进来浏览器看到link元素时，就会到herf属性所指的URL载入CSS档。
   

• 在link元素中要用real=”stylesheet”属性设定，表示连结的是CSS样式表。
• 加上『type=”text/css”』表示档案类型。
• 在herf属性中可以依需要加上路径。
  例如：若CSS档案存放在网页所在的下一层，名为style的子资料中，herf属性值就要设定如上图示
  也就是，要特别加入/css进到下一层资料夹，才能找到这个档案。

4. 汇入外部CSS档
   将样式表定义在.CSS档案，以CSS的@import指令汇入该档。

• 不同来源的CSS样式套用顺序：
  在HTML文件中可以同时利用上述四种方式来使用CSS。

若对於同一个元素，不同来源的CSS样式设定都不同时，所依据的准则是：

• 以style属性定义的样式，优先权最高。
• 其他三种定义方式，则是以出现的顺序来决定。
• 原则上是『後出现的设定覆盖先前的设定』，
  也就是越晚出现的设定，优先权越高。