【问题标题】:What is the primary function of the semi-colon in the CSS programming language?CSS编程语言中分号的主要作用是什么?
【发布时间】:2015-12-04 12:42:50
【问题描述】:

我目前正在学习 Codecademy HTML 课程。他们说:

属性是通过定义一个属性和一个值在选择器中定义的。它们用冒号分隔并用分号划定。

那么分号向 HTML 指示属性的相对定位?

这个冒号和分号符号系统是如何工作的?计算机是如何理解这个的?

【问题讨论】:

  • 我知道最后一个问题很难回答。但这是一个迷人的想法。
  • 答案是,它使 css 解析比没有分隔符来分隔声明的部分(如冒号和分号)更容易,但没有它是可行的,但解析非常困难
  • 我认为,用 CSS 来回答这个问题比用传统的 实际 编程语言(称 CSS one 是一种巨大拉伸)。因为在 CSS 中,分号可能只出现在非常特定的位置,具有传统的“语句分隔符”含义。
  • 我看到 Nikos M。这是有道理的。

标签: html css properties


【解决方案1】:

分号的值来自于在同一属性内相互跟随的值序列。

否则,当属性只有一个值时,分号就没有用了。

无论如何,这个解剖的重要性在于将 CSS 句子元素分开,这样它们就不会在视觉上和实际上重叠。

【讨论】:

    【解决方案2】:

    在 CSS 中,冒号分隔语法,分号表示特定样式已结束。

    例如:

    position : relative ;
    

    上面的陈述是说您希望 CSS 关注位置属性,并且您希望它具有相对性质。

    使用分号的原因是因为你可以有多个属性用空格分隔。

    如:

    padding: 5px 2px 1px 8px;
    

    这里的意思是,我想改变我选择的这个元素的填充。但我不希望它是平的。我希望顶部为 5 像素,右侧为 2 像素,底部为 1 像素,左侧为 8 像素,仅此而已。

    【讨论】:

    • 此外,您甚至可以在值中使用换行符!像为单个 background 设置多个渐变这样的东西可以从换行符中受益,从而使属性更具可读性。
    【解决方案3】:

    您的问题基本上是“编程语言如何工作?”

    计算机读取字符并根据它是冒号还是分号,它会做一些不同的事情。

    例如,对于color: white;,处理代码的网络服务器理解到冒号之前的所有文本都是属性(颜色),冒号之后和分号之前的所有文本都是属性的设置(白色)。

    分号后面的都是新的东西,一般放在新的一行,但也可以全部放在一行,只要用分号隔开。

    【讨论】:

      【解决方案4】:

      分隔符是用于分隔一个字段与另一个字段的字符。它们必须是唯一的,以免与其他语法混淆。例如在 CSS 中

          .aClass, #anID, aTag { border      : 1px solid #000; color: #fff; }
           /* ^-- 3 selectors,   ^property     ^-- Value -- ^  ^ Next property
            * comma delimited
            */
      

      如您所见,有很多分隔符(CSS 不关心每个单词之间有多少空格,如果有的话)。

      • 选择器选择样式将应用于的元素,并以逗号分隔
      • 你的所有规则都将落入{}包围的块中
      • 属性名称是要应用的样式类型,后跟:,然后是伴随的值
      • 该规则的结尾用“;”标记,将其与下一条分隔开。

      考虑它的一种简单方法是在 excel 中导入一个文本文件,并用空格或制表符分隔列。

      【讨论】:

        【解决方案5】:

        分号用于分隔多个声明,但不需要终止它们。但是,在将来维护代码时最好使用分号来终止声明以避免混淆。 你可以参考这个帖子:Leaving out the last semicolon of a CSS block

        【讨论】:

          【解决方案6】:

          冒号位于属性之后和值之前,分号位于语句的末尾。所以对于像color: red; 这样的CSS,颜色是属性,红色是值。

          【讨论】:

          • 最好也解释一下为什么它有效或为什么使解析更容易(这就是它有效的原因)。一个 css 可以不用分号,但是解析起来很困难
          猜你喜欢
          • 2012-04-07
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2011-03-20
          • 2014-06-07
          • 1970-01-01
          • 2022-12-10
          相关资源
          最近更新 更多