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

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

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

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

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

应用@import简化页面多文件引入
大功告成,这样当有多个css文件引入时就会非常简洁了。
应用@import简化页面多文件引入
方便点个赞,谢谢!
应用@import简化页面多文件引入