css - 内联 CSS 格式化最佳实践 - 两个问题

Question

问题 #1 - 在 HTML 元素中指定内联样式时，是否需要包含尾随分号？例如……

<div style="padding:10px;">content</div>

问题 #2 - 指定内联样式时，是否应在分隔属性名称和属性值的冒号后插入一个空格？

<div style="padding: 10px;">content</div>

对比

<div style="padding:10px;">content</div>

Answer 1

答案#1:不。

分号仅在声明之间是必需的。

A declaration-block (also called a {}-block in the following text) starts with a left curly brace ({) and ends with the matching right curly brace (}). In between there must be a list of zero or more semicolon-separated (;) declarations.

来源:http://www.w3.org/TR/css3-syntax/#rule-sets

The value of the style attribute must match the syntax of the contents of a CSS declaration block (excluding the delimiting braces)

来源:http://www.w3.org/TR/css-style-attr/#syntax

因为你只有一个声明，没有什么可以分隔的，所以不需要分号。

但是，CSS 语法允许空声明，这意味着您可以根据需要添加开头和结尾的分号。例如，这是有效的 CSS:

.foo { ;;;display:none;;;color:black;;; }

等同于:

.foo { display:none;color:black }

---

答案#2:不。

A declaration is either empty or consists of a property, followed by a colon (:), followed by a value. Around each of these there may be whitespace.

来源:http://www.w3.org/TR/css3-syntax/#declarations

您可以添加空格以提高可读性，但它们没有任何关联。