【问题标题】:What is the definition of the noun "style" in CSS?CSS中名词“样式”的定义是什么?
【发布时间】:2019-12-15 06:22:34
【问题描述】:

名词“style”(复数“styles”)在 CSS 上下文中的确切含义是什么?

我查看了一些术语/词汇表页面,但它们似乎没有涵盖这个词:


这是我正在寻找的术语定义示例:

选择器
选择器是 CSS 行的一部分,它使用属性/值对选择要定位的元素。在下面的示例中,“#container #box”是选择器:

/* the selector is everything on the first line */
/* excluding the opening curly brace */
#container #box {
  width: 200px;
}

【问题讨论】:

  • 这是与编程有关的吗?我不认为这样的问题属于 SO
  • @TemaniAfif 我认为术语是一个非常有效的编程主题。另外 - 我环顾四周,发现了许多其他与术语相关的问题(请参阅stackoverflow.com/questions/tagged/terminology),包括知名成员提出的非常相似的问题:stackoverflow.com/questions/1120264/…
  • 我知道术语是一个有效的话题,理解某些单词的含义对于正确编写 CSS 代码很重要(比如了解 块格式上下文包含块)但不确定是否是这种情况。 (PS:您链接到 10 年前提出的问题..)
  • “Style”和“styles”是非常常见的术语,很难为它们找到一个好的定义。我相信这足以提出这个问题。

标签: css terminology


【解决方案1】:

我得到的最接近答案的是“样式”指的是声明:

.a {
/*┏━━━━━ Style aka Declaration ━━━━━━┓ */
  background-color: mediumspringgreen;
}

因此“样式”指的是多个声明。

我基于口语用法:

属性:应用到选择器的样式,例如边框。
选择器:声明样式应应用于哪些元素的方式。

参考:http://nimbupani.com/css-vocabulary.html


具有“导航”类的元素将接收声明的样式。

参考:https://www.impressivewebs.com/css-terms-definitions/


div[attrib^="1"] { /* 这里的样式 */ }

参考:https://www.hongkiat.com/blog/css-back-to-basics-terminology-explained/

另一种定义似乎是指“文档样式”或“全局样式”,如the CSS1 Spec,尽管这并不常见:

CSS1 是一种简单的样式表机制,允许作者和读者将样式(例如字体、颜色和间距)附加到 HTML 文档。

【讨论】:

  • 一个声明可以包含多个样式。 (即border: 1px solid black; 是一个声明,但包含 3 种样式。)
  • 因此,例如,可能会发生三种样式中的一种被覆盖的情况。 (即border-width: 2px;
  • @FabianBarney 这是一个很好的观点,你能把它作为答案发布吗?
猜你喜欢
  • 2010-10-07
  • 2010-10-07
  • 1970-01-01
  • 2017-12-03
  • 2019-04-09
  • 2017-09-01
  • 1970-01-01
  • 2018-10-21
  • 1970-01-01
相关资源
最近更新 更多