【CSS的模块化处理】

书香 · 发表于 2023-5-18 23:06

本帖最后由书香于 2023-5-21 02:37 编辑

当我们多个文件需要使用同一个css时，重复编写代码不利于后期修改，比如你有100个html文件，都用到了同一个css代码，一旦后期要修改，那么我们必须要修改100个地方，那么我们可以考虑把这个css单独分离出来成为一个文件，其他html文件加载这个css文件即可

①在data文件夹下（和test.html文件同目录）创建一个文件名为“1.css”的文件

②编写css代码

[Asm] 纯文本查看 复制代码

#css1{
                        color: red;
                }

③编写html代码，在head中使用link调用，href后面的就是要调用的css文件路径

[Asm] 纯文本查看 复制代码

<!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://www.52hb.com/thread-58658-1-1.html）

sjtkxy · 发表于 2023-6-4 05:08

提示: 作者被禁止或删除内容自动屏蔽

longge188 · 发表于 2023-9-6 09:15

谢谢分享

		自动登录	找回密码
密码			立即注册

sjtkxy 当前离线窥视卡雷达卡头像被屏蔽	sjtkxy 发表于 2023-6-4 05:08 \| 显示全部楼层快速获取HB的方法：先接任务，然后评分、发帖、回帖等即可快速获得大量HB奖励！提示: 作者被禁止或删除内容自动屏蔽
sjtkxy 当前离线窥视卡雷达卡头像被屏蔽	吾爱汇编论坛-学破解，防破解！知进攻，懂防守！逆向分析，软件安全！52HB.COM

[HTML+CSS+JS] 【CSS的模块化处理】

评分