css的三种引入方式

最新推荐文章于 2024-04-24 10:07:36 发布

时光后-白痴痴

最新推荐文章于 2024-04-24 10:07:36 发布

阅读量601

点赞数 1

分类专栏： H5学习文章标签： css html5

本文链接：https://blog.csdn.net/baiccnymyh/article/details/77985971

版权

H5学习专栏收录该内容

5 篇文章 0 订阅

订阅专栏

css三中引入方式：

行间样式>内部样式=外部样式（内部样式和外部样式优先级相同，文档后面的会覆盖前面的）

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">		
	<title></title>
	<!-- 
	三种引入方式优先级
	行间样式>内部样式=外部样式（内部样式和外部样式优先级相同，文档后面的会覆盖前面的）

	 -->



	<!-- 外部引入方式 
 	外部引入方式
 	开发中最常用的引入方式
 	语法：在head中 ，使用link 标签引入外部文件， href中是外部引入方式的相对路径
	 -->
	<link rel="stylesheet" type="text/css" href="css/style.css">

	<!-- 内部引入方事  在head标签中写一个style标签 在style标签中设置样式
	语法：选择器名{样式}
	-->
	<style >
		p{
			width: 200px;
			height: 200px;
			background-color: yellow;
		}
		div{
			width: 300px;
			height: 300px;
			background-color: pink;
		}
	</style>	

</head>
<body>
<!--在标签中写入style属性，样式写在style中，最不常用。 行间样式  优先级最高-->
<div style="width: 100px;height: 100px;background-color: purple;"></div>
<p>柳岩</p>
<p>于明加</p>
<ul>
	<li>林峰</li>
	<li>李若彤</li>
	<li>朱茵</li>
	<li>黄渤</li>
</ul>

</body>
</html>