当前位置：首页 > article >正文

Html——12. 定义样式和引入样式

article 2025/1/4 20:30:56

<!DOCTYPE html>
<html>
	<head>
	
	
	<meta charset="UTF-8">
		<title>定义样式和引入样式文件（CSS文件）</title>
	
	<style type="text/css">
			body{
				font-size: 40px;
			}
			</style>
		
		<link rel="stylesheet" type="text/css" href="3-6.css"/>
	
	</head>
	
	
	<body>
		
		我爱上网
		
		<!--设置样式语法：-->
		
		<!--<style type="text/css">
			css样式内容
		</style>-->
		
		
		
		<!--引入样式文件语法（用得最多）：-->
		<!--<link rel="stylesheet"  type="text/css"  href="文件路径"/>-->
		
		
		rel ：定义当前文档与被链接文档间的关系
		type：定义被链接文档的mime类型
		href：定义被链接文档的路径
		
		
		
		
	</body>
</html>


html 是把网页的解构搞出来了,但样式,不论是文字样式，还是其他样式，并不归HTML管。需要CSS来负责网页的样式
比如觉得网页中  “我爱上网”  字体有点小，那调节字体大小必须要用CSS

<style></style>标签就是用来设置HTML内容的样式的标签，<style></style>标签，它里面就包含了CSS样式的内容

HTML中定义样式和引入样式文件这俩种方法都可以改变HTML中的内容样式，但引入样式文件是最常用的



引入样式文件方法
文件：3—6.css

body{
	color: red;
}