我应该给css样式表文件命名吗?

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

网站的外观或“风格”由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文件,你可以随意命名。以下其中一项更可取:

style.cssstandard.cssdefault.css

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

  • 布局与designlayout.css design.css
  • 页面部分main.css nav.css
  • 带有子节smainstyles.css subpage.css的整个站点

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

  • 发表于 2021-09-04 23:32
  • 阅读 ( 58 )
  • 分类:IT

你可能感兴趣的文章

9个在构建网页时不应该犯的错误

...—任何一个单词,真的——只要你想。但这并不意味着你应该利用这种能力。 ...

  • 发布于 2021-03-14 14:13
  • 阅读 ( 249 )

11 css模板网站:不要从头开始!

...pt文件——如果站点包含Javascript函数,理想情况下,它们应该包含在自己的单独文件中,而不是合并到HTML文档中。 图像、字体和图标——模板中使用的任何图像也应包括在内。您可能希望保留图标和背景之类的内...

  • 发布于 2021-03-15 11:20
  • 阅读 ( 591 )

使用css格式化文档以便打印

... 您可能还希望防止打印任何背景图像这些图像应该是装饰性的,因此不是内容的必需部分: ...

  • 发布于 2021-03-28 16:05
  • 阅读 ( 241 )

极客狂言:为什么这么多网站没有使用打印样式表?

...了。 不仅需要额外的打印步骤是愚蠢的,而且使用打印样式表可以为不使用可打印链接的任何人节省一些墨水。当然,也有很多人使用print-to-PDF来保存文章以备日后使用,而不会浪费纸张。 什么是打印样式表(print stylesheets)? ...

  • 发布于 2021-04-12 23:31
  • 阅读 ( 164 )

身份证件(id)和css中的类(class in css)的区别

...有元素都将应用定义的样式。要选择具有特定id的元素,应该有一个#(哈希)符号,后跟元素的id。 假设HTML文件包含如下语句。 CSS文件包含以下代码。 #校长1{ 颜色:蓝色; } 当浏览器解释HTML语句时,它会检查h1元素的id,该...

  • 发布于 2021-06-30 21:53
  • 阅读 ( 320 )

如何根据自己的喜好定制自己喜欢的网站

...脚本来覆盖给定网页上的功能。如果你知道JavaScript,你应该不会有什么麻烦开始。用户样式更简单,因为创建它们几乎不需要CSS的实用知识。创建用户样式涉及以下内容:找到网站现有的CSS样式表并保存以供参考。在样式表中...

  • 发布于 2021-07-24 17:26
  • 阅读 ( 151 )

css关闭网站评论

...个人都想看到其他网民留下的评论。css允许您应用自定义样式表并在web上消除注释。听起来很简单。从下面的链接下载Shutup.css文件,并将其应用于web浏览器中的自定义样式。对于大多数浏览器,您可以在高级设置下找到自定义...

  • 发布于 2021-07-27 19:12
  • 阅读 ( 118 )

如何将xml与css结合使用(use xml with css)

如果您熟悉CSS如何设置HTML页面的样式,您将了解格式化的概念。在XML标记语言出现之初,显示数据有点复杂,但随着样式表的出现,情况发生了变化。 通过添加样式表引用,可以将XML代码格式化并显示为网页。如果没有CSS或...

  • 发布于 2021-09-04 23:44
  • 阅读 ( 156 )

@进口(@import)和css的链接?(link for css?)的区别

...的旧浏览器在这两种情况下都不会查看它们。 那么你应该使用哪种方法呢? 现在大多数开发人员使用链接,然后将样式表导入外部样式表。这样,您的HTML文档中只有一两行代码需要调整。但底线是,这取决于你。如果你更...

  • 发布于 2021-09-05 00:08
  • 阅读 ( 157 )

如何阻止使用css打印网页(block a web page from printing with css)

...们打印您的网页。您只需创建一个名为“print.css”的单行样式表,其中包括以下一行css。 body { display: none; } 这一样式将使页面的“body”元素变为不显示,因为页面上的所有内容都是body元素的子元素,这意味着整个页面/站...

  • 发布于 2021-09-05 00:22
  • 阅读 ( 214 )
大城小爱95
大城小爱95

0 篇文章

相关推荐