默认的CSS文件名

时间:2011-01-28 18:21:00

标签: css

对于html,我们有index.html,如果没有指定文件名,则由webserver自动加载的文件。从网络服务器的角度来看,还是仅仅按惯例,是否存在css的等价物?当然不是“index.css”吗?

感谢。

更新: 我想我的问题有点糟糕。我已经知道不会自动加载css文件。我只是想知道是否有一个强大的默认CSS文件约定。虽然没有强有力的约定,但有一些共同的名字,如回答的人所列,其中一些是:

  • default.css
  • 的main.css
  • web.css
  • 的style.css
  • 的site.css

或者您可以使用与使用它的html文件相同的文件名命名css文件。

6 个答案:

答案 0 :(得分:22)

没有

网站的主样式表有通用名称,例如site.css或main.css,但没有强大的(或有用的)约定。

答案 1 :(得分:6)

不,没有这样的事情。在为例如设计模板时,可能需要遵循一些“指南”。 Joomla你有“template.css”等等。当我没有这样的指导时,我通常将默认的css命名为“style.css”,但这是一个品味问题。

答案 2 :(得分:4)

只要有多个样式表,名称style.css就会变得奇怪。我的2美分将是:

    应用
  • main.cssmyappname.css(例如intranet.css
  • 对于应用
  • 之间共享的样式表,global.css之类的内容
  • 对于单个页面的css,创建以页面命名的子目录,以便您可以轻松查看共享的css以及仅在某些页面上使用的css

如果可以的话,我建议保持简短和全部小写,不要使用下划线/连字符,因为它不太容易出现拼写错误。

答案 3 :(得分:3)

无法考虑比 stylesheet.css 更好的默认值来匹配rel属性的值。

<link rel="stylesheet" type="text/css" href="stylesheet.css">

答案 4 :(得分:3)

由于样式表可以基于media属性加载,因此我的文件命名约定仅遵循可用选项:

  • theme-media-all.css - 用于所有媒体类型设备
  • theme-media-print.css - 用于打印机
  • theme-media-screen.css - 用于电脑屏幕,平板电脑,手机等。
  • theme-media-speech.css - 用于屏幕阅读器

你可以省略media-前缀,但我喜欢明确自己多年来或者来到项目的新开发人员 - 加上你按字母顺序排序时得到文件名分组。

答案 5 :(得分:2)

没有标准,因为您的HTML决定引用哪个CSS文件而不是Web服务器配置。

有了这个说法,最好有一个约定,以便你的文件组织得更好。

例如,如果您将CSS文件与每个文件绑定,则可以重新使用HTML文件的名称,但使用CSS扩展名。 (例如index.html有index.css或index.html.css。)

如果您的代码以这种方式组织,您可以将相同的概念应用于目录或URL路径。 (例如/MyApp/MyFeature/MyFeature.css)。

这取决于您的决定,但保持一致很重要,这样其他人就可以更轻松地理解您的代码。

希望这有帮助。