【问题标题】:Default CSS filename默认 CSS 文件名
【发布时间】:2018-12-04 11:02:38
【问题描述】:

对于 html,我们有 index.html,如果没有指定文件名,则由网络服务器自动加载的文件。从网络服务器的角度来看,或者只是按照惯例,是否有 css 的等价物?肯定不是“index.css”吧?

谢谢。

更新: 我想我的问题表述得有点糟糕。我已经知道 css 文件不会自动加载。我只是想知道默认 css 文件是否有严格的约定。虽然没有严格的约定,但有一些通用名称,由回答的人列出,其中一些是:

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

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

【问题讨论】:

  • layout.css or design.css 也可以考虑..

标签: css


【解决方案1】:

没有。

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

【讨论】:

    【解决方案2】:

    当您拥有多个样式表时,名称style.css 就会开始显得很奇怪。我的 2 美分是:

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

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

    【讨论】:

    • 为什么人们称它为style.css 而不是styles.css?样式表不是由许多个样式组成的吗?
    【解决方案3】:

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

    【讨论】:

      【解决方案4】:

      想不出比 stylesheet.css 更好的默认值来匹配rel 属性的值。

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

      【讨论】:

        【解决方案5】:

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

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

        您可以省略 media- 前缀,但我喜欢明确说明多年后的自己或加入该项目的新开发人员 - 另外,按字母顺序排序时,您会获得文件名分组。

        【讨论】:

          【解决方案6】:

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

          话虽如此,有一个约定是个好主意,这样您的文件可以更好地组织。

          例如,如果您将 CSS 文件与每个文件绑定在一起,您可能会重复使用 HTML 文件的名称,但要使用 CSS 扩展名。 (例如 index.html 有 index.css 或 index.html.css。)

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

          这真的由你来决定,但保持一致很重要,这样其他人才能更容易地理解你的代码。

          希望这会有所帮助。

          【讨论】:

            猜你喜欢
            • 2014-02-07
            • 2012-09-07
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 2019-01-13
            相关资源
            最近更新 更多