在选择器和 {} 之间用空格隔开。
/* Not recommended: missing space */ #video{ margin-top: 1em; } /* Not recommended: unnecessary line break */ #video { margin-top: 1em; } /* 推荐 */ #video { margin-top: 1em; } 5.5 选择器分隔每个选择器都另起一行。
/* 不推荐 */ a:focus, a:active { position: relative; top: 1px; } /* 推荐 */ h1, h2, h3 { font-weight: normal; line-height: 1.2; } 5.6 规则分隔规则之间都用空行隔开。
html { background: #fff; } body { margin: auto; width: 50%; } 5.6 CSS 引号属性选择器和属性值用单引号,URI 的值不需要引号。
/* 不推荐 */ @import url("//www.google.com/css/maia.css"); html { font-family: "open sans", arial, sans-serif; } /* 推荐 */ @import url(//www.google.com/css/maia.css); html { font-family: 'open sans', arial, sans-serif; } 5.7 CSS 元规则分段注释:用注释把 CSS 分成各个部分。
/* Header */ #adw-header {} /* Footer */ #adw-footer {} /* Gallery */ .adw-gallery {}