CSS：具有多个导入或多个样式表的主样式表？

我总是创建了一个名为样式master.css，进口这一个样式表，在<head>，并用@import陈述中其他样式，例如拉CSS：具有多个导入或多个样式表的主样式表？

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

我从其他人复制了这个。

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

任何人都知道一个很好的理由之一是优于另一种？

谢谢！

来源

2011-03-04 AP257

我想说的头部是优选的 - 你可以在其中包括CSS，而不必深入到CSS文件本身一看便知。

来源

2011-03-04 15:37:18 alex

实际上，Google网页速度指南也会推荐：http://code.google.com/speed/page-speed/docs/rendering.html#PutCSSInHead – AP257

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

此外，增加CSS3的@media查询就会让一切更大量maintanable在我看来。 @media (orientation: portrait) { … }

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

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

等等

这纯粹只是认为虽然。

来源

2011-03-04 15:37:51

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

来源

2011-03-04 15:38:51

某些文件在多个网站之间共享，所以我无法只使用一个文件。谢谢您的好意。 – AP257

CSS：具有多个导入或多个样式表的主样式表？

回答

相关问题