html网页如何引入css样式文件?

html代码里引入 CSS 文件有两种常见的办法。

方法一:使用 link 标签(推荐)

<head>标签里面加上下面这样一段代码:
<link rel="stylesheet" href="你CSS文件的路径和文件名.css">

比如说你的 CSS 文件叫 styles.css ,而且和这个 HTML 文件在同一个文件夹下,那就写成这样:

<link rel="stylesheet" href="styles.css">
这就像是告诉 HTML 文件,“嘿,你要按照这个 styles.css 文件里规定的样式来打扮自己呀”。

方法二:使用 @import 规则(相对用得少些)

在 <style> 标签里(一般也放在 <head> 标签内)写:
<style>
    @import url("你CSS文件的路径和文件名.css");
</style>

同样的,如果 CSS 文件是 styles.css 且和 HTML 文件同文件夹,那就是:

<style>
    @import url("styles.css");
</style>
不过要注意哦,使用 @import 的话,可能在加载顺序等方面有些小区别,而且浏览器解析它的效率相对 link 标签会低一点,所以一般更推荐用 link 标签引入 CSS 文件啦。
你把代码加到你现在的 HTML 里相应位置就行啦,然后就能看到 CSS 发挥作用,让网页变好看。

@版权声明:

本网站所展示的图片均来源于互联网,我们致力于尊重原创作者的版权。若图片涉及版权问题,或图片所有者不希望图片被展示,请与我们联系,我们将在第一时间进行处理,包括但不限于删除图片。我们对图片的版权问题持开放态度,并愿意与版权所有者进行沟通协商。感谢您的理解与支持。

给TA打赏
共{{data.count}}人
人已打赏
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索