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》