CSS的四种引入方式及优先级

最新推荐文章于 2025-06-13 09:03:15 发布

董一点x

最新推荐文章于 2025-06-13 09:03:15 发布

阅读量997

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS HTML 文章标签： css html

本文链接：https://blog.youkuaiyun.com/Guns_Rose_/article/details/79105734

HTML 同时被 2 个专栏收录

5 篇文章

订阅专栏

CSS

3 篇文章

订阅专栏

本文介绍了CSS在HTML中四种主要的引入方式：内联样式、内部样式定义、链接外部样式文件及导入外部样式文件，并详细解释了这些引入方式的优先级顺序。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

CSS在HTML中的四种引入方式：

1.使用内联样式
2.使用内部样式定义
3.链接外部样式文件
4.导入外部样式文件（使用@import）

<! DOCTYPE HTML>
<html>
	<head>
		<title>CSS</title>
		<link href="2.css" rel="stylesheet" type="text/css">
		<style type="text/css">
		  p{color:green}
		  @import url("1.css")
		</style>
	</head>
	<body>
	  <p style="color:red;">海同科技</p>
	</body>
</html>

优先级顺序：内联>内部>import>link