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

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

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

内容

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

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

内容

vs

内容

答案#1:否

只有在声明之间才需要分号

声明块（也称为 {}-以下文本中的块）开始 带有左大括号（{）和结束符 用匹配的右大括号 (}). 在两者之间必须有一个列表 零个或多个分号分隔的 （；）声明

资料来源：

样式属性的值必须为空 匹配 CSS声明块（不包括 定界大括号）

资料来源：

因为您只有一个声明，所以不需要分隔，所以不需要分号

但是，CSS语法允许空声明，这意味着您可以随意添加前导分号和尾随分号。例如，这是有效的CSS：

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

相当于：

.foo { display:none;color:black }

---

答案#2:否

声明要么为空，要么为空 由属性组成，后跟 冒号（：），后跟一个值。围绕 其中每一个都可能有空白

资料来源：

---

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

问题1：是（如果您指定了多个内联样式。即使最后一个样式不是必需的，但最好在每个样式之后附加

；

）

:

CSS的常规规则适用于内部 样式属性。每个CSS 语句之间必须用分隔符分隔 分号“；”和冒号出现 在CSS属性和它的 价值观

---

问题2：没有，但您可以添加它以便于阅读。例如，Eclipse格式化会自动添加这个空格。

Q1：不，但我总是在后面加一个分号。几年前，分号可能是某些浏览器错误呈现（或缺少）的原因。我想现在不是问题

---

问题2：不，两种方式的意思都一样。您选择在冒号后面加空格时，应根据个人对易读性的偏好而定。

问题1:第一个书面问题不需要，但如果存在多个定义，则需要使用分号

问题2:除非分隔特定属性中的值，否则不需要空格，例如：

box shadow:0 5px 0#000

无论如何，至少在CSS文件上下文中，您可能希望添加它们的一个原因是，如果您需要通过后处理器（如Sass）运行CSS，那么在行尾没有分号将导致编译器失败

总之：对于内联样式，上述答案适用，但是对于文件系统中单独文件中的CSS，我总是会添加额外的分号和空格，以便于阅读。当您准备生产时，您随时可以通过压缩器运行CSS。
\1是的，您需要这样做#2这是唯一的编码实践。@anji，你只需要分号来分隔两种样式。最后一种风格不需要。也许为了向未来的访问者澄清问题/答案（西姆·维达斯），最好重新表述第二个问题：“是否应该插入空格”=>“有必要添加空格”。说“你不应该”和说“你不需要”是不一样的。当我使用的下一个样式表看起来像
body{；；；margin:0；；；padding:0；；；；}
：）@thirtydot别担心，写这样的代码是没有意义的。这是一个很好的聚会技巧。事实上，如果没有空格或某些其他标点符号，你甚至不需要在style属性上加引号。很好。但是，不传递xml，也没有人传递。
.foo { display:none;color:black }