当我们多个文件需要使用同一个css时，重复编写代码不利于后期修改，比如你有100个html文件，都用到了同一个css代码，一旦后期要修改，那么我们必须要修改100个地方，那么我们可以考虑把这个css单独分离出来成为一个文件，其他html文件加载这个css文件即可
①在data文件夹下（和test.html文件同目录）创建一个文件名为“1.css”的文件
②编写css代码
[CSS] 纯文本查看 复制代码 #css1{
color: red;
}
③编写html代码，在head中使用link调用，href后面的就是要调用的css文件路径
[HTML] 纯文本查看 复制代码 <!DOCTYPE html>
<html>
<head>
<title>第10个程序</title>
<link rel="stylesheet" type="text/css" href="1.css">
</head>
<body>
<h1 >我是第1行</h1>
<h1>我是第2行</h1>
<h2 id="css1">我是第3行</h2>
</body>
</html>
（点击返回课程目录：https://shuxiangyage.net/forum.php?mod=viewthread&tid=1134）
| 
|Archiver|小黑屋|书香雅阁论坛
( 湘ICP备17011672号-3 )
发表于 2023-1-4 18:17:56