Question

我总是创建一个名为master.css的样式表，在<head>中导入了这个样式表，并使用@import语句来引入其他样式表，例如

@import('sitestyles.css')
@import('blogstyles.css')

我从其他人那里复制了这个。

但我刚刚被问到为什么要这样做，而不是简单地导入<head>中的两个样式表，并意识到我不知道。

任何人都知道为什么一个人比另一个人更好？

谢谢！

Answer 1

我认为头部更好 - 你可以一目了然地看到包含哪些CSS而不必深入研究CSS文件。

Answer 2

我之所以这样做是因为它只会为我创建更少的HTML来维护。我有一个标准的reset.css文件，我包含在我的所有网站中，然后是我的screen.css以及我可能需要的任何其他文件，例如jQuery插件等等。缺点是您可能包含不必要的样式表，并增加加载时间。

此外，通过添加CSS3 @media查询，我认为它将使所有内容更加美观。 @media (orientation: portrait) { … }

@media screen{
  /* Import all stylesheets for screen */
}

@media (orientation: portrait){
      /* Import all stylesheets for portrait layouts */
}

等等

这纯粹只是意见。

Answer 3

如果您的master.css没有动态更改，为什么不在一个文件中包含所有样式？如果它确实动态地改变（取决于用户正在查看的页面），那么肯定更容易将不同的样式表包含在头部而不是必须动态地改变master.css。这样，您可以立即看到包含哪些文件。