应用@import简化页面多文件引入

html代码中引入了太多的css文件,使得代码不够简洁,为了简化页面,可以应用@IMPORT简化页面来解决多文件引入哦。示例如下:建立三个css文件使h1,h2,h3标签分别变色为蓝色,绿色,红色,用来假设多文件哦(现实中当然一个css文件就可以搞定了)
在这里插入图片描述
方法步骤

1.用一个新建的css文件(如图为aoxiaobao.css)代替注释部分的多个css文件,用link标签引入,注意文件路径。

在这里插入图片描述

2.将注释部分的css文件应用@import url(文件名);引入到新建的同一个css文件(如图为aoxiaobao.css)。

在这里插入图片描述
大功告成,这样当有多个css文件引入时就会非常简洁了。
在这里插入图片描述
方便点个赞,谢谢!
在这里插入图片描述

发布了12 篇原创文章 · 获赞 40 · 访问量 5685

猜你喜欢

转载自blog.csdn.net/qq_45027204/article/details/103991304