CSS（层叠样式表）支配网站的外观和风格，或“风格”。 这是一个文件，您将添加到您的网站目录中，该文件将包含创建页面的视觉设计和布局的各种CSS规则。
尽管网站可以使用并经常使用多个样式表，但没有必要这么做。 您可以将所有CSS规则放在一个文件中，这样做实际上有好处，包括更快的加载时间和页面性能 ，因为它们不需要获取多个文件。 虽然规模非常大，但企业网站有时可能需要单独的样式表，但许多中小型网站只需一个文件即可完美无瑕。 这是我用于我的大部分网页设计工作 - 一个CSS文件，包含我的页面需要的所有规则。 所以现在的问题就变成了 - 你应该怎样命名这个CSS文件？
命名约定基础
当为网页创建外部样式表时 ，应该按照与HTML文件类似的命名约定命名文件：
不要使用特殊字符
你只能在CSS文件名中使用字母az，数字0-9，下划线（_）和连字符（ - ）。 虽然您的文件系统可能允许您创建其他字符的文件，但您的服务器操作系统可能会遇到特殊字符问题。 只使用这里提到的字符更安全。 毕竟，即使您的服务器允许使用特殊字符，如果您决定在将来移动托管服务提供商 ，情况也许并非如此。
不要使用任何空格
就像使用特殊字符一样，空格可能会导致Web服务器出现问题。 在文件名中避免它们是个好主意。 我甚至会指出，使用这些相同的约定来命名像PDF这样的文件，以防万一我需要将它们添加到网站。 如果您觉得需要一个空间来使文件名更容易阅读，请选择连字符或下划线。 例如，而不是使用“this is the file.pdf”，我会使用“this-is-the-file.pdf”。
文件名应以字母开头
虽然这不是绝对的要求，但有些系统遇到文件名不能以字母开头的问题。 例如，如果您选择以数字字符开始文件，这可能会导致问题。
使用全部小写字母
尽管这对于文件名不是必需的，但这是一个好主意，因为某些Web服务器区分大小写，并且如果您忘记和引用不同情况下的文件，则不会加载该文件。 在我自己的工作中，我为每个文件名使用小写字符。 实际上，我发现这是许多新的网页设计师难以记住要做的事情。 命名文件时它们的默认操作是大写名称的第一个字符。 避免这种情况，只养成小写字母的习惯。
保持文件名尽可能短
虽然在大多数操作系统上文件名大小有限制，但它比CSS文件名的合理长度长得多。 一个好的经验法则是不超过20个字符的文件名不包括扩展名。 实际上，比这更长的任何东西都很难处理和链接到任何地方！
您的CSS文件名中最重要的部分
CSS文件名最重要的部分不是文件名本身，而是扩展名。 Macintosh和Linux系统上不需要扩展，但在编写CSS文件时最好包含一个扩展。 这样你就可以知道它是一个样式表，而不必打开文件来确定它将来是什么。
这可能不是一个大惊喜，但你的CSS文件的扩展应该是：
的CSSCSS文件命名约定
如果你只有一个CSS文件在网站上，你可以任意命名。 我更喜欢：
styles.css或default.css由于我工作的大多数网站都包含一个CSS文件，因此这些名称对我来说很合适。
如果您的网站将使用多个CSS文件，请在其功能之后命名样式表，以便明确每个文件的用途。 由于Web页面可以有多个样式表连接到它们，因此可以根据表单的功能和其中的样式将样式分成不同的表单。 例如：
- 布局vs设计 layout.css design.css
- 页面部分 main.css nav.css
- 整个网站的子部分 mainstyles.css subpage.css
如果您的网站使用某种框架，您可能会注意到它使用多个CSS文件，每个CSS文件专用于页面的不同部分或网站的各个方面（排版，颜色，布局等）。
Jennifer Krynin的原创文章。 由Jeremy Girard于9/5/17编辑