86【CSS的模块化处理】

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

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

②编写css代码

1
2
3
#css1{
                        color: red;
                }



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

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
<!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>
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

学编程的闹钟

自愿打赏

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值