CSS样式引入link和@import区别

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不支持

相关专题

css

2021-09-24 79

css是前端开发中的样式语言,学好CSS可以帮助开发出漂亮的模板,css专题为您整理本站所有css相关信息,包含css模板下载,css使用教程分享和css示例代码....

• css3海浪波浪动态效果代码 [2021-10-25]
• css样式内加载其他CSS文件方法 [2021-09-27]
• HTML5+CSS3前端开发基础入门视频教程 [2021-09-16]
• HTML+CSS物业后台管理系统模板 [2021-08-15]
• HTML5/CSS3响应式Synthetica团队介绍模板 [2021-04-06]