css样式基础之样式的引入

样式引入，我们大多用惯了link这个前辈了。其实我们还有其他的一些样式的引入方法，这里简单做个笔记吧：
1、使用元素链接到外部的样式文件
2、在元素中使用”style”元素来指定
3、使用CSS “@import”标记来导入样式表单
4、在内部的元素中使用”style”属性来定义样式

其实我们在大多数网页中使用来引入样式，一般也不会在元素中直接在style中写样式。link大家都比较熟，@import呢？这是什么鬼？（我也是最近才发现的，宝宝还小）
@import其实是css的一种方式，彼link新一点而已，只是我用的比较少而已。

那么问题来了：link和@import有什么区别?

1. link属于XHTML标签，而@import完全是CSS提供的一种方式。link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。

2. 当一个页面被加载的时候，link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载

3. @import是CSS2.1提出的所以老的浏览器不支持，@import只有在IE5以上的才能识别，而link标签无此问题。

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

总结：用link就好了！