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