html可以多个css文件吗,html – 一个大的css文件与多个小的css文件

这两种方法都有利弊.

拥有多个CSS文件将允许您在开发中正确组织和分组CSS文件.但是,这也意味着要进行多个HTTP请求. HTTP请求在加载时间方面更昂贵,因为它必须联系服务器并获取文件.

此外,一旦加载了文件,它就会被浏览器缓存.这意味着,即使加载huge.css可能最初速度较慢,但​​在浏览网站时也不需要再次加载.

根据我的经验并且由大多数开发人员调整,你可以做下面这样的事情来获得这两个世界的大部分.

使用像SASS或LESS这样的css预处理器.不要问我哪一个更好,在topic网上已经有足够的论据.只需选择一个你感觉舒服的.我的偏好是SASS.

CSS预处理器允许您将CSS文件划分为更小的更有组织的文件.例如,你可以有一个main.sass,其中包括menu.sass,footer.sass等.

main.sass

include _menu

include _footer

include _header

...

_告诉sass不要为每个这些sass文件编译单独的文件.所以它们都只会被编译成一个main.css.这些预处理器具有将给定的sass文件编译成浏览器可以读取的css文件的功能.您还可以使用[livereload] [4]等工具实时编译它们.

您将在开发代码中包含这些sass文件.但是在生产代码中,您只需使用已编译的单个css文件即可.

如果您感觉更有利并希望更进一步,可以使用Grunt或Gulp之类的工具.它们允许自动化您的开发任务或构建流程.因此,理想情况下,在开发过程中,您可以执行一项繁琐的任务,查看所有sass文件并自动将它们编译到main.css文件中.在index.html中,您可以引用此main.css.一旦你开心,你还可以拥有另一个名为build task的任务,它可以自动编译你所有的css文件并最小化它们.

澄清你的问题：

这取决于具体情况,具体情况,您拥有什么样的网站以及如何构建它.

如果您的网站访问者最有可能永远不会浏览网站而不是某些特定网页,那么最好加载特定于该特定网页的css而不是将其合并.您可以在特定于这些页面的部分中加载这些css文件.

根据我建立许多网站的经验,

>它几乎总是最好加载一个组合的CSS.

>如果某个特定页面要求css不太可能经常被访问,请在其模板中单独包含一个页面特定的css并使用条件脚本标记.

>几乎100％的时间最小化所有css文件

另外,我建议你花更多的时间来提高服务器端代码或数据库的效率,然后对css过分担心.由于大多数效率在于服务器端,因此效率更高.