我们什么时候使用：当我们使用标签的属性时，我们何时在html中使用=？

Question

在使用CSS和HTML中的属性时，我很困惑。我们什么时候使用：当我们使用标签的属性时，我们什么时候在HTML中使用=？

Answer 1

冒号:用于分割CSS 样式属性/值对。等号=用于分割HTML 属性属性/值对。这只是在语言语法级别上进行的指定。

虽然历史上您可以（并且仍然可以）使用HTML属性控制样式的某些元素：

<div color="red">red text</div>

VS

<div style="color:red;">red text</div>

随着时间的推移，样式从HTML属性到CSS的移动已成为最佳实践。这有助于将HTML用于内容，CSS用于样式和Javascript用于功能之间的关注点分离。

更多关于CSS中的Colons：

---

Property / Value seperator

在基本级别，冒号用于从其值中分离CSS属性，例如：

color:red;

伪选择器

您可以使用冒号表示pseudo class或pseudo element，例如:hover或::after

  

CSS伪类是添加到指定a的选择器的关键字   要选择的元素的特殊状态。例如:hover会   当用户将鼠标悬停在由指定的元素上时应用样式   选择器。

     

就像伪类一样，伪元素也被添加到选择器中   而不是描述一个特殊的状态，它们允许你定型   文档的一部分。例如，::first-line伪元素   仅定位选择器指定的元素的第一行。

CSS XML / Namespaced属性选择器：

如果要为XML文档设置样式，冒号用于从CSS类型选择器中的属性名称中分隔命名空间，并且应该是escaped with a colon：

description[xlink\:href="someimage.png"] {
  border: 1px solid red;
}

对于HTML网页中的XML属性，您应declare the namespace in your CSS并替换为管道|

@namespace xlink 'http://www.w3.org/1999/xlink';

description[xlink|href="someimage.png"] {
  border: 1px solid red;
}

在这种情况下，等号会缩小属性值

Answer 2

我们在HTML中使用=，在CSS中使用:。

示例HTML：

<div class="foo"></div>

CSS示例：

body {
  background: red;
}

---

但是，您也可以在HTML中嵌入CSS。请注意以下用HTML编写的示例中:和=的用法。

示例＃1：这称为内联样式。

<div class="foo" style="background: red;"></div>

示例＃2：

<div class="foo"></div>
<style>
  body {
    background: red;
  }
</style>

Answer 3

在html标签中，你总是在属性和他的值之间使用=。 A＆＃34;特别＆＃34;属性是样式，在样式值中使用ccs语法，即styleProperties：value

<p style="text-align:right;color:red;">...</p>

OK？