CSS应用的方式与注意问题

应用CSS的方式

符合分离式结构排序：

外部样式表>>内部样式表>>行间样式表

1.外部样式表

将CSS样式代码单独放在一个外部文件中，再由网页利用<link>标签进行调用。例如：
<html>
<head>
<title></title>
<link rel="stylesheet" rev="stylesheet" href="style.css" type="text/css">
</head>
<body>
</body>
</html>
关于<link>标签：
link 元素是空元素，它仅包含属性。
此元素只能存在于 head 部分，不过它可出现任何次数。
type属性：规定被链接文档的 MIME 类型。
rel属性：规定当前文档与被链接文档之间的关系。

2.内部样式表

内部样式表将样式表由<style></style>标签定位在<head></head>之中，作为页面中的一个单独部分。它只针对当前页面有效，不可以跨越页面执行。

3.行间样式表

行间样式表由style属性说支持，只需将CSS代码用分号隔开写在style=“”中，便可完成对当前标签的样式定义。

应用CSS中的样式优先权问题

写法优先权：

行内样式表>内部样式表>外部样式表

选择符优先权：

id>class>类型选择符。例如：
在html中：
<div id="layout" class="mylayout">这是一段文字
</div>
在CSS中：
div{
background-color:red;
}
.mylayout{
background-color:green;
}
#layout{
background-color:blue；
}
则这段文字中将执行id中的定义，即背景色为蓝色。

继承：

继承是一种机制，它允许样式不仅可以应用于某个特定的元素，还可以应用于它的后代。
CSS 的继承是指被包在内部的标签将拥有外部标签的样式性质。
继承特性最典型的应用通常发挥在整个网页的样式预设，即整体布局声明。而需要指定为其它样式的部份设定在个别元素里即可达到效果。例如：
```
  *{margin: 0; padding: 0; border: 0;}
```
这些代码的真正用意在于，在缺省定义的情况下，消除浏览器的默认边距，保证了所有元素的margin、padding、border的值都为零。这就是整个网页的样式预设、整体布局声明。
并不是所有的样式都会一直被继承下去，和字体有关的属性多数能够被继承，而多数边框类的属性，如border、padding、margin等则不能被继承。

!important

用于提升某一句样式表的重要性，使important标注的语句拥有最高的优先级。
注：最新版的IE 7.0 已经可以识别 !important，这个属性了，但是IE 6.0中仍然会出现一点小bug。