css教程

CSS样式引入link和@import区别

精准像素 2021-02-20 人阅读

CSS样式引入方法

CSS样式引入有两种方法,一种是写在页面中的link方法,另一种是写在CSS中的@import写法。

CSS样式引入写法

link写法

<link href="/Style/css/Style.css" type="text/css" rel="stylesheet" />

@import写法

@import url("Style.css");

link和@import区别

link是xHTML标签,除了加载css外,还可以定义rss等其他事务,@import 属于css范凑,只能加载css

link引用css时,在页面载人同时加载,@import需要页面网页完全载入后加载,所以出现一开始css样式,闪烁一下出现样式后的页面速度慢

link是xhtml标签,无兼容问题,@import是css2.1提出的,低版本浏览器不支持

link支持使用js控制dom改变样式,@import不支持