CSS基础：CSS引入方式&不同引入方式优先级

最新推荐文章于 2024-05-31 14:44:29 发布

渣猫略懂

最新推荐文章于 2024-05-31 14:44:29 发布

阅读量85

点赞数

分类专栏：前端基础文章标签： css html html5

本文链接：https://blog.csdn.net/weixin_52854090/article/details/120494467

版权

前端基础专栏收录该内容

30 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 页面引入方式：css代码卸载stytle标签中-->
		<style type="text/css">
			/* css代码 */
		</style>
		
		<!-- 引入外部css文件:css代码卸载外部文件中 -->
		<link rel="stylesheet" type="text/css" href="../css/css01.css"/>
	</head>
	<body>
		<!-- 行间引入方式：css代码卸载stytle属性中 -->
		<div id="a" style="">
			
		</div>
		<!-- 三种css引入方式的优先级
			行间样式高于页面引入方式和引入外部文件
			页面引入方式与引入外部文件 采取就近原则，既谁离需要执行的html代码近谁的优先级高
			可以理解未代码自上到下执行，下面的css代码产生的样式将上面css代码产生的样式覆盖
		 -->
	</body>
</html>

优惠劵

渣猫略懂

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS基础：CSS引入方式&不同引入方式优先级

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title>  <style type="text/css"> /* css代码 */ </style> <!-- 引入外部css文件:css代码卸载外部文件中 --&gt.
复制链接

扫一扫