CSS引入的方式有哪些? link和@import 的区别是?

内部head上style

‌行内样式表

‌外部样式表(link和@important）

<link rel="stylesheet" href="css文件路径">

 

link和@important区别

1.

@important 只能加载css

link: 加载css,定义RSS，rel链接属性等

 

2.

@important 页面加载最后加载css

link 同事加载

 

3.

@important 兼容性不好出的迟，老的浏览器不支持，ie5以后

link 无问题

 

4.

@important 不是dom可以控制的

js控制dom改变样式只能使用link，

 

5.

@import 可以在css中再次引入其他样式表，比如可以创建一个主样式表，在主样式表中再引入其他的样式表