Question

我有一个中等大小的网站共享一个公共页眉/页脚，几乎每个页面都有自己的特定文件用于布局。我已将公共页眉/页脚放在一个已编译的html文件中，但我不知道将css文件放在何处，因为footer.html <link rel="stylesheet" type="text/css" href="footer.css" />中的link元素不会链接到此html文件的当前目录但是需要php文件。

我环顾了不少网站，最终确定没有统一的解决方案。一个解决方案是将所有css文件放在root-directory/css中，而不少网站使用分层目录，如'/skin' '/global'等。其他网站使用http://sstatic.net/stackoverflow/all.css?v=5fc0e3026fcc之类的链接选择一种非常差异的方式（这是stackoverflow方式）。

所以我的问题是哪种方式更好或者我应该用于我的情况？

PS。实际上我认为这个问题也适用于图像文件存储。

Answer 1

我总是倾向于将我的css存储在根文件夹下的目录中。

/css/frame.css
/css/menu.css
/css/form.css
/css/print.css

如果我需要特定的css文件

，我还会进一步分解

/css/ie6/frame.css

其中包含我所有的ie6特定覆盖。

我为图像做同样的事情

/images/menu/......
/images/home/......

等

但这是个人喜好，选择适合你的风格。

Answer 2

几乎每个页面都有自己特定的布局文件

尝试将所有CSS放在一个文件中，看看它有多大。在gzipping之后，它可能非常小，因此不值得将您的样式分成多个文件。

如果您有多个CSS文件，那么将它们放在服务器上的位置并不重要。我建议将它们全部放在像/css/这样的目录中，因为那时你不必考虑给定文件的位置。

Answer 3

你可以把它链接到

/public/stylesheets/screen.css

例如，这就是Ruby on Rails的用途。

大公司拥有“CDN”（内容交付网络），因此最终用户可以在世界任何地方快速访问内容，因为CDN在世界不同地方的许多地方都有机器。您可以在“高性能网站”一书中找到大量信息

Answer 4

CSS文件只是您网站增长后可以处理的众多文件类型之一。将它们存储在任何特定的地方几乎没有技术论据。我一直使用以下基本结构：

/root
 /pages
 /scripts
 /css
 /databases
 /images
 /documents

这样，一切都很好！我希望这有用，但这个问题非常主观。

我应该把我的css文件放在哪里？

4 个答案: