语法格式
最后更新于:2022-04-01 10:46:43
如果你问我一个样式指南首先要描述什么,我会告诉你:编写代码的通用准则。
当几个开发者在同一项目中编写 CSS 时,迟早会陷入各自为政的境地。编码样式指南通过规范统一的样式,不仅防止了这种混乱现象,也减轻了阅读和维护代码的难度。
概括地说,我们希望做到(受 [CSS Guidelines](http://cssguidelin.es/#syntax-and-formatting) 所启发):
* 使用两个空格代表缩进,而不是使用tab键;
* 理想上,每行保持为80个字符宽度;
* 正确书写多行CSS规则;
* 有意义的使用空格。
~~~
// Yep
.foo {
display: block;
overflow: hidden;
padding: 0 1em;
}
// Nope
.foo {
display: block; overflow: hidden;
padding: 0 1em;
}
~~~
在本部分中不会涉及有关文件组织的问题,相关讨论在[另一节](http://sass-guidelin.es/zh/?utm_source=tuicool#architecture)中。