如何引入外部css文件?

使用不同的方法来引用css样式表,最终到达的效果相同,但是使用不同方法应用的css文件将影响到SEO及网页打开速度效率。通常我们都是使用外部css文件。下面我们来看一下引入外部css文件的方法。

引用外部css文件的方法:

  • 使用@import引用外部CSS文件

  • 使用link引用外部CSS文件(推荐此方法)

1、使用@import引用外部CSS文件方法介绍

@import语法结构

@import + 空格+ url(CSS文件路径地址);

在html中使用

<style type="text/css">
@import url(CSS文件路径地址);
</style>

在css中直接使用

@import url(CSS文件路径地址);

2、使用link引用外部CSS文件方法介绍

link语法结构

<link href="CSSurl路径" rel="stylesheet" type="text/css" />

此标签是引入CSS文件link标签,只要设置好路径即可。

link与@import区别

首页link和import语法结构不同,前者<link>是html标签,只能放入html源代码中使用,后者可看作为css样式,作用是引入css样式功能。

import在html使用时候需要<style type="text/css">标签,同时可以直接“@import url(CSS文件路径地址);”放如css文件或css代码里引入其它css文件。

以上就是如何引入外部css文件?的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏