当我们多个文件需要使用同一个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> |
1679

被折叠的 条评论
为什么被折叠?



