样式的三中引入方式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>标题</title>
		<!-- 内部样式 -->
		<style type="text/css">
			h1{
    
    
				border: 5px dashed red;
				width: 500px;
				height: 100px;
				color: red;
			}
		</style>
	</head>
	<body>
		<h1>这是一级标题</h1>
		<h1 style="font-size: 18px;">这是第嵌入样式标题</h1>
	</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>标题</title>
		<!-- 内部样式 -->
		<style type="text/css">
			<!-- h1{
    
    
				border: 5px dashed red;
				width: 500px;
				height: 100px;
				color: red;
			}  -->
		</style>
		
		<link rel="stylesheet" type="text/css" href="css/new_file.css"/>
	</head>
	<body>
		
		<h1>这是一级标题外部样式</h1>
		<h1 style="font-size: 18px;">这是嵌入样式标题</h1>
	</body>
</html>

h1{
border: 5px dashed red;
width: 500px;
height: 100px;
color: red;
}
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_45688164/article/details/108427681