4、引入css方法（内嵌、嵌入、外部）

jasmine_qiqi

已于 2022-04-04 10:42:11 修改

阅读量860

点赞数

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

于 2022-04-04 10:19:48 首次发布

本文链接：https://blog.csdn.net/weixin_45065754/article/details/123949542

版权

CSS 专栏收录该内容

17 篇文章 1 订阅

订阅专栏

1、内嵌样式

style="color: red;"

2、嵌入样式

h1 {color: antiquewhite;}

3、外部样式（大部分使用）

<link rel="stylesheet" href="css.css">

4、权重比较（内嵌样式>嵌入样式=外部样式）

style="color: red;"
h1 {color: antiquewhite;}
<link rel="stylesheet" href="css.css">

5、源代码

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>引入css方法</title>
	<style>
		/* 2、嵌入样式 */
		h1 {
			color: antiquewhite;
		}
	</style>
	<!-- 3、外部样式 color: black; -->
	<link rel="stylesheet" href="css.css">

</head>

<body>

</body>
<!-- 1、内嵌样式，也叫做行内样式，权重高于嵌入样式 -->
<h1 style="color: red;">Hello World</h1>
<h1>Hello World</h1>

</html>