一般来说,css 有两种样式表的引入方式,在这里我记录一下,比较这两种引入方式的区别:

<link rel="stylesheet" type="text/css" href="css文件">

@import "css文件"

显然第一种方式似乎是更常见的。事实上,使用这两种方式引入css文件的效果都是一致的,区别在于是html标记,而@import是css语法。标记有rel,type和href属性,可以制定css样式表的名称,这样可以利用javascript的语法来控制。举例来说,我们可以在一个网页中链接多个css样式文件,在利用javascript语法控制不同情况下显示的样式文件,例如让用户在点击某个按钮之后更换网页的背景颜色,或者随着时间来更换网页的背景颜色,正因为link方式的弹性更大,这也是为什么这种方式更为常见的原因。