Google HTML/CSS 编写格式规范(3)

在选择器和 {} 之间用空格隔开。

/* 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 {}

本文永久更新链接地址

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/c86e0ed77f8e9cf239d05b9ab8a5b9d9.html