Skip to main content

我应该如何命名我的CSS样式表文件?

Dreamweaver cs6教學-「命名錨點」的概念與建立方式 (四月 2024)

Dreamweaver cs6教學-「命名錨點」的概念與建立方式 (四月 2024)
Anonim

网站的外观或风格由CSS(层叠样式表)决定。这是一个文件,您将添加到您的网站目录中,该目录将包含创建页面的可视化设计和布局的各种CSS规则。

虽然网站可以使用并经常使用多个样式表,但没有必要这样做。您可以将所有CSS规则放在一个文件中,这样做实际上有好处,包括更快的加载时间和页面性能,因为它们不需要获取多个文件。虽然非常大,企业站点有时可能需要单独的样式表,但许多中小型站点只需一个文件就可以完美地完成页面所需的所有规则。这引出了一个问题“我该怎么命名这个CSS文件”?“

命名约定基础

为网页创建外部样式表时,应按照HTML文件的类似命名约定命名文件。

不要使用特殊字符

您应该只在CSS文件名中使用字母a-z,数字0-9,下划线(_)和连字符( - )。虽然您的文件系统可能允许您创建包含其他字符的文件,但您的服务器操作系统可能存在特殊字符问题。只使用此处提到的字符更安全。毕竟,即使您的服务器允许使用特殊字符,如果您决定将来迁移到主机提供商,也可能不是这种情况。

不要使用任何空格

就像使用特殊字符一样,空格可能会导致Web服务器出现问题。在文件名中避免使用它们是个好主意 - 您甚至应该使用这些相同的约定来命名像PDF这样的文件,以防您需要将它们添加到网站中。如果您觉得需要一个空间来使文件名更容易阅读,请选择连字符或下划线。例如,不使用“this is the file.pdf”而是使用“this-is-the-file.pdf”。

文件名应以字母开头

虽然这不是绝对的要求,但某些系统的文件名不能以字母开头有问题。例如,如果您选择使用数字字符开始文件,则可能会导致问题。

使用全部小写

虽然这不是文件名所必需的,但这是一个好主意,因为一些Web服务器区分大小写,如果您忘记并在不同的情况下引用该文件,它将不会加载。对每个文件名使用小写字符始终是一种明智的方法。事实上,许多新的网页设计师都很难记住这样做 - 在命名文件时,他们的默认操作是将名称的第一个字符大写。避免这种情况,只养成小写字符的习惯。

保持文件名尽可能短

虽然大多数操作系统上的文件名大小都有限制,但它比CSS文件名合理的时间要长得多。一个好的经验法则是不包括扩展名的文件名不超过20个字符。实际上,任何比这更长的东西都是笨拙的,无论如何都要使用和链接。

CSS文件名最重要的部分

CSS文件名最重要的部分不是文件名本身,而是扩展名。在Macintosh和Linux系统上不需要扩展,但最好在编写CSS文件时包含一个扩展。这样你就会知道它是一个样式表而不必打开文件来确定它将来会是什么。

这可能不是什么大惊喜,但CSS文件的扩展应该是:

的CSS

CSS文件命名约定

如果您在网站上只有一个CSS文件,您可以随意命名。以下之一是优选的:

styles.css或default.css

如果您的网站将使用多个CSS文件,请在其功能之后命名样式表,以便清楚地了解每个文件的用途。由于网页可以附加多个样式表,因此根据该表的功能及其中的样式,将样式划分为不同的表格是有帮助的。例如:

  • 布局与设计

    layout.css design.css

  • 页面部分

    main.css nav.css

  • 整个站点有子部分

    mainstyles.css subpage.css

如果您的网站使用某种框架,您可能会注意到它使用多个CSS文件,每个文件专用于网站的不同部分或网站的各个方面(排版,颜色,布局等)。

Jeremy Girard编辑