头文件中有多个CSS文件?

头文件中有多个CSS文件?,css,Css,我有一个PHP脚本,它的头中有两个CSS文件。其中一个CSS文件中只有大约5行短线 将该文件移动到更大的CSS文件中是否安全?当一个CSS文件只有几行时,有两个单独的CSS文件有什么意义?根本没有意义(在本例中)。你应该把这几行移到另一行。 如果您有两个单独的文件-将有两个对服务器的请求。 您可能看不到差异,因为这些是毫秒,但在这种情况下,这将是“最佳实践”。毫无意义(在这种情况下)。你应该把这几行移到另一行。 如果您有两个单独的文件-将有两个对服务器的请求。 您可能看不到差异,因为这些都是毫秒

我有一个PHP脚本,它的头中有两个CSS文件。其中一个CSS文件中只有大约5行短线


将该文件移动到更大的CSS文件中是否安全?当一个CSS文件只有几行时,有两个单独的CSS文件有什么意义?

根本没有意义(在本例中)。你应该把这几行移到另一行。 如果您有两个单独的文件-将有两个对服务器的请求。 您可能看不到差异,因为这些是毫秒,但在这种情况下,这将是“最佳实践”。

毫无意义(在这种情况下)。你应该把这几行移到另一行。 如果您有两个单独的文件-将有两个对服务器的请求。
您可能看不到差异,因为这些都是毫秒,但在这种情况下,这将是一种“最佳实践”。

本质上,它只帮助浏览器加载与页面相关的内容,加快页面加载时间


有一些服务可以显示您下载的CSS中有多少应用于给定页面

本质上,它帮助浏览器只加载与页面相关的内容,从而加快页面加载时间


有一些服务可以显示您下载的CSS中有多少应用于给定页面

没有理由不将其移动到同一文件中

您可以根据需要使用尽可能少或尽可能多的CSS文件

只有当你有大量的样式并且CSS文件变大且不可读时,它才有真正的优势。然后,将它们分解是有意义的。或者当你想把它们分成不同的页面等


这只是对服务器的一个额外请求,对于5行来说似乎毫无意义。

没有理由不将其移动到同一个文件中

您可以根据需要使用尽可能少或尽可能多的CSS文件

只有当你有大量的样式并且CSS文件变大且不可读时,它才有真正的优势。然后,将它们分解是有意义的。或者当你想把它们分成不同的页面等


这只是对服务器的一个额外请求,只有5行似乎没有意义。

检查以确保您的PHP脚本没有引用只有几行的CSS文件。如果没有,那么您可以合并这两者。如果它引用它,那么考虑调用较大CSS文件中的较短CSS文件,如:

@import url('/css/smaller-file.css');
如果您将其添加到更大的CSS文件中,那么您应该能够在PHP头中包含更大的CSS文件


希望这有帮助

检查以确保您的PHP脚本没有引用只有几行的CSS文件。如果没有,那么您可以合并这两者。如果它引用它,那么考虑调用较大CSS文件中的较短CSS文件,如:

@import url('/css/smaller-file.css');
如果您将其添加到更大的CSS文件中,那么您应该能够在PHP头中包含更大的CSS文件


希望这有帮助

是的,他们的观点是正确的。例如,我有一个design.css处理所有颜色,一个layout.css纯粹用于定位和大小,还有一个interaction.css处理动画等

  • 只要不影响可读性,组合CSS文件就没有问题。。请记住,结构必须保持:
  • file1.css file2.css

    以相同顺序生成包含以下代码的文件:

    /* content of file1.css */
    /* content of file2.css */
    

    是的,他们的观点很重要。例如,我有一个design.css处理所有颜色,一个layout.css纯粹用于定位和大小,还有一个interaction.css处理动画等

  • 只要不影响可读性,组合CSS文件就没有问题。。请记住,结构必须保持:
  • file1.css file2.css

    以相同顺序生成包含以下代码的文件:

    /* content of file1.css */
    /* content of file2.css */
    

    当然,这是有意义的,就像有许多任何语言的文件来组织内容一样

    由于有许多请求对性能是一个很大的负担,通常的解决方案(我也是这样)是使用构建脚本,通过将目录中的所有CSS文件连接到一个目录中来构建生产版本。具体方法取决于您的建筑


    请注意,这与连接和缩小JS文件的操作类似。

    当然有一点,就像有许多任何语言的文件来组织内容一样

    由于有许多请求对性能是一个很大的负担,通常的解决方案(我也是这样)是使用构建脚本,通过将目录中的所有CSS文件连接到一个目录中来构建生产版本。具体方法取决于您的建筑


    请注意,这与连接和缩小JS文件的操作类似。

    “将该文件移到更大的CSS文件中是否安全?”-取决于使用它的其他位置。“当一个CSS文件只有几行时,有两个单独的CSS文件有什么意义?”-关注点分离。不同的页面使用不同的CSS。等等。我们只能推测为什么你正在工作的系统是这样设置的。没错。。如果所有文件都需要两个css文件,那么合并它们将节省带宽。因为浏览器只能请求一个文件。:)@mithunsatheesh是正确的,但保存一个HTTP请求通常是毫无意义的微观优化。工作台的适当组织很重要,特别是在CSS这样的非结构化语言中,拥有单独的文件是其中的一部分。(如果您真的想保存请求,那么设置一个自动合并CSS和JS的部署机制可能值得考虑)@Pekka웃: 我同意,兄弟。。我刚刚指出,万一这很重要(万一他在手机网站上工作)!!带宽的重要性。“将一个移动到更大的CSS文件中是否安全?”-取决于使用它的其他位置。“当一个CSS文件只有几行时,拥有两个单独的CSS文件有什么意义?”-Sepa