内嵌CSS格式化最佳做法 – 两个问题

前端之家收集整理的这篇文章主要介绍了内嵌CSS格式化最佳做法 – 两个问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
问题#1 – 在HTML元素中指定内联样式时,是否需要包含尾随分号?例如 …
<div style="padding:10px;">content</div>

问题#2 – 指定内联样式时,应在冒号将属性名称属性值分隔开之后插入空格吗?

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

对比

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

解决方法

答案#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

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

猜你在找的CSS相关文章