优秀程序员在Web前端共享CSS文件引用的最佳方式。html中总是引入css文件的方法： 1链接类型： 2导入类型： 区别： 使用链接类型时，会先加载css文件再加载主体部分页面，让实际的页面从一开始就有样式效果，而使用import类型时，会在整个页面加载完后加载css文件。对于某些浏览器，在某些情况下，如果页面文件比较大，会先出现没有样式的页面，然后闪烁后出现设置样式的效果。从查看者的角度来看，这是使用import的缺陷。** 链接比导入更快。 当有多个文件链接到页面时，会导致服务器发送更多的数据包。这些数据包的数量（不是内容）会影响下载时间。也不便于维护。.浏览器对可以从同一站点同时下载的文件数量有限制。有2个老式浏览器和8个现代浏览器。也就是说，如果有9个样式表，必须等到前8个下载完毕，才开始下载第9个。所以链接或导入多个文件绝对不是一个好主意。 所以这里的建议是，如果只导入一个css文件，使用链接方式；如果需要导入多个css文件，先使用link方式导入一个简单的css文件，然后将其他css文件放到这个文件中。 比如你写了三个css样式表：css_red.css、css_blue.css、css_green.css ，那么你可以写一个主样式style.css，然后将三个样式表全部导入： @import“css_red.css”； @import"css_blue.css"; @import"css_green.css"; 只需在调用时链接style.css即可。
