CSS样式表的分类及使用

第一次写博客，还请多多指教。

 CSS(Cascading Style Sheets),层叠样式表。

一、样式的分类

   1. 内联样式，又有人称行内样式、行间样式、内嵌样式。直接作为标签属性写在html文档中。
   2. 内部样式，在html文档head中，以style标签包裹，直接写在html文档中。
   3. 外部样式，独立于html文档，以.css为后缀名的文件。

二、调用外部样式的方法

1. 外链：<link rel="stylesheet" type="text/css" href="外部样式表与html文档的相对路径"/>；

2. 导入：<style type="text/css"> @import url(); </style>

注：@和import之间没有空格，且一定别忘记调用后的分号。

三、link和import的区别

1. 类型：link属于HTML标签，而@import完全是CSS提供的一种方式。link标签除了可以加载CSS外，还可以做

很 多其它的事情，比如定义RSS，定义rel连接属性等；@import只能加载CSS；

  2. 加载顺序：当一个页面被加载的时候，link引用的CSS会在同一时间被加载，而@import引用的CSS将等到页面全部下载完成后再加载。所以易造成无样式和图片等。

3. 兼容性：@import是CSS2.1提出的，只有在IE5以上版本的浏览器才能被识别，而link标签无此问题。

4. DOM：当使用JavaScript控制DOM去改变样式的时候，只能使用link标签，因为@import不是DOM可以控制的。

四、各种样式的作用域

1. 内联样式：仅作用于当前标签；

   2. 内部样式：作用于当前文件；

   3. 外部样式表：作用于有关联的所有文件。