CSS样式引入link和@import的区别
CSS样式引入link和@import的区别在于:link是HTML标签,通过hrefCSS样式引入link和@import的区别在于:link是HTML标签,通过href属性指定外部CSS文件的路径,浏览器会将其视为网页的一部分;而@import是CSS规则,用于在当前CSS文件中导入其他CSS文件,浏览器会在解析到@import时加载指定的外部CSS文件。此外,link支持使用JavaScript动态改变样式表,而@import不支持。另外,link可以通过设置media属性来控制样式表在不同设备上的加载,而@import不支持。总之,link和@import都可以实现外部CSS文件的引入,但使用方法和特性略有不同。
CSS样式引入方法
CSS样式引入有两种方法,一种是写在页面中的link方法,另一种是写在CSS中的@import写法。
CSS样式引入写法
link写法
<linkhref="/Style/css/Style.css"type="text/css"rel="stylesheet"/>
@import写法
@importurl("Style.css");
link和@import区别
link是xHTML标签,除了加载css外,还可以定义rss等其他事务,@import 属于css范凑,只能加载css
link引用css时,在页面载人同时加载,@import需要页面网页完全载入后加载,所以出现一开始css样式,闪烁一下出现样式后的页面速度慢
link是xhtml标签,无兼容问题,@import是css2.1提出的,低版本浏览器不支持
link支持使用js控制dom改变样式,@import不支持
相关专题