欢迎访问 生活随笔！
TAG聚合

生活随笔

当前位置： 首页 > 前端技术 > CSS >内容正文

CSS

导入CSS的三种方式

发布时间：2025/6/17 CSS 97 豆豆
生活随笔 收集整理的这篇文章主要介绍了 导入CSS的三种方式 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

文章目录

    • 1 行内方式
    • 2 内部样式表
    • 3 外链方式
      • 3.1 链接式
      • 3.2 导入式

1 行内方式

<p style="background:red;">第一种方式</p>

2 内部样式表

<!DOCTYPE html> <html><head><meta charset="gbk"><title>index</title><style>p{background: red;}</style></head><body><p>第二种方式</p></body> </html>

3 外链方式

3.1 链接式

type属性可以不写

<link type="text/css" rel="styleSheet" href="CSS文件路径" />

3.2 导入式

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

链接式和导入式的区别

<link> 1、属于XHTML 2、优先加载CSS文件到页面@import 1、属于CSS2.1 2、先加载HTML结构在加载CSS文件。样式优先级 行内样式>内部样式>外部样式(后两者是就近原则)

总结

以上是生活随笔为你收集整理的导入CSS的三种方式的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。