导入CSS样式的方法有几种
我常见的方法有
1.在写行内样式(内部引用CSS样式)
2.在head中添加style样式表
3.在head添加外部链接<link href="xxx.css" rel="stylesheet">
后来才学习到还有一中引入css的方法
<style>@import url(xxx.css)<style>
导入一个css样式
这两种方法有何不同
1.从书写形式上就可以看出
link 是写在head里面的相当于一个外部链接,当然这个链接就可以是其他的文件,可以不仅是css样式
而@import是写在style标签里面的,所以只可以是css样式,相当于是导入一个css文件到style中
2.从加载上来看
link是在页面载入时加载
@import 是在页面完全载入后加载
3.从兼容性来看
link所有版本都可兼容
但是@import是后来新增的,所以有一些版本不兼容
4.从js来说
link引入的js可以操作,操作DOM是基于文档的
而@import是导入
虽然@import很少用,但是我们在学习框架的时候很常见,组件化开发导入一个文件