href:
href是Hypertext Reference的缩写,表示超文本引用。用来建立当前元素和文档之间的链接。常用的有:link、a。
浏览器会识别该文档为css文档,并行下载该文档,并且不会停止对当前文档的处理(但是浏览器渲染页面的时候会因为css资源未加载完成而停止渲染,因为浏览器的渲染需要CSS样式树)。
src:
src是source的缩写,src的内容是页面必不可少的一部分,是引入。
src指向的内容会嵌入到文档中当前标签所在的位置。常用的有:img、script、iframe。
当浏览器解析到该元素时,会暂停浏览器的渲染,知道该资源加载完毕。
这也是将js脚本放在底部而不是头部得原因。
link 不存在兼容问题
@import css2.1 IE5以上才能兼容
@import 页面加载完毕后被加载
这也是建议使用link,而不采用@import加载css的原因。
link 引入的样式权重大于@import引入的样式” 这种说法对吗?不对,和权重无关
@import引入的样式会放在最上面,所以link的样式会覆盖掉import的样式