前端规范之CSS, SCSS-1

2020-01-17  本文已影响0人  竹立荷塘

缩进

使用soft tab(4个空格)。


分号

每个属性声明末尾都要加分号。


空格

以下几种情况不需要空格:    

· 属性名后

    · 多个规则的分隔符','前

    · !important '!'后

    · 属性值中'('后和')'前

    · 行末不要有多余的空格

以下几种情况需要空格:

    · 属性值前

    · 选择器'>', '+', '~'前后

    · '{'前

    · !important '!'前

    · @else 前后

    · 属性值中的','后

    · 注释'/*'后和'*/'前


空行

以下几种情况需要空行:

    · 文件最后保留一个空行

    · '}'后最好跟一个空行,包括scss中嵌套的规则

    · 属性之间需要适当的空行,具体见属性声明顺序


换行

以下几种情况不需要换行:

  · '{'前

以下几种情况需要换行:

    · '{'后和'}'前

    · 每个属性独占一行

    · 多个规则的分隔符','后


注释

注释统一用'/* */'(scss中也不要用'//'),具体参照右边的写法;

缩进与下一行代码保持一致;

可位于一个代码行的末尾,与代码间隔一个空格。


引号

最外层统一使用双引号;

url的内容要用引号;

属性选择器中的属性值需要引号。

上一篇下一篇

猜你喜欢

热点阅读