应用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。
1495
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
