内联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:不.

仅在声明之间需要分号.

声明块(在下文中也称为{} -block)以左大括号({)开头,以匹配的右大括号(})结束.在它们之间必须有一个零或多个以分号分隔(;)声明的列表.

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

style属性的值必须与CSS声明块的内容语法匹配(不包括分隔大括号)

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

由于您只有一个声明,因此无需分隔,因此不需要分号.

但是,CSS语法允许空声明,这意味着您可以根据需要添加前导和尾随分号.例如,这是有效的CSS:

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

并相当于:

.foo { display:none;color:black }

答案#2:不.

声明为空或由属性组成,后跟冒号(:),后跟值.在每个周围可能有空格.

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

您可以添加空格以提高可读性,但它们没有相关性.