美文网首页
前端规范之CSS, SCSS-1

前端规范之CSS, SCSS-1

作者: 竹立荷塘 | 来源:发表于2020-01-17 12:59 被阅读0次

    缩进

    使用soft tab(4个空格)。


    分号

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


    空格

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

    · 属性名后

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

        · !important '!'后

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

        · 行末不要有多余的空格

    以下几种情况需要空格:

        · 属性值前

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

        · '{'前

        · !important '!'前

        · @else 前后

        · 属性值中的','后

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


    空行

    以下几种情况需要空行:

        · 文件最后保留一个空行

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

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


    换行

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

      · '{'前

    以下几种情况需要换行:

        · '{'后和'}'前

        · 每个属性独占一行

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


    注释

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

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

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


    引号

    最外层统一使用双引号;

    url的内容要用引号;

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

    相关文章

      网友评论

          本文标题:前端规范之CSS, SCSS-1

          本文链接:https://www.haomeiwen.com/subject/qguczctx.html