CSS的引入方式，link和@import的区别

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

引入方式有：内联 内嵌 外链 导入
区别：加载的顺序不同。当一个页面被加载时，link引用的CSS会同时加载，而@import引用的CSS要等到页面全部加载完后才能被加载。@import可以在CSS中再次引入其他样式表，而link不能
前者无兼容性，后者CSS2.1以下浏览器不支持。
link支持使用Javascript改变样式，@import是不支持的。
1、使用link标签引入
将样式规则写在css的样式文件中，然后用标签引入。
《link rel =stylesheet type =“text/css” href=" xxxx.css"》//csdn的文档里的《代表<我也不知道为啥不能用<，大家看到懂就行了！！
2、使用@import引入
跟使用link差不多，但是必须放在《Style》 《/Style》 中。

《style type=“text/css”>
< !–
@import url(css/xxx.css);
–>
《/style》
3、使用style标签
跟@import一样，讲样式规则写在《style》《/style》里面
《style type=“text/css”》
《！–
body{color:red background:#f0f0f0; font -size: 12px;}
.p{color:#0000;font-size:12px;}
–》
《/style》
4、使用style属性
将style直接加在需要的组件标签里，例如：
《p style="{color：#0000；font-size:12px;}"》
5、使用《span》《/span》标记引入样式
《span style=“font：12px” ；color：#00000；"》xxxx《/span》