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

前端规范之CSS, SCSS-1

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

缩进

使用soft tab(4个空格)。


分号

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


空格

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

· 属性名后

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

    · !important '!'后

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

    · 行末不要有多余的空格

以下几种情况需要空格:

    · 属性值前

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

    · '{'前

    · !important '!'前

    · @else 前后

    · 属性值中的','后

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


空行

以下几种情况需要空行:

    · 文件最后保留一个空行

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

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


换行

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

  · '{'前

以下几种情况需要换行:

    · '{'后和'}'前

    · 每个属性独占一行

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


注释

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

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

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


引号

最外层统一使用双引号;

url的内容要用引号;

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

相关文章

  • 前端规范之CSS, SCSS-1

    缩进 使用soft tab(4个空格)。 分号 每个属性声明末尾都要加分号。 空格 以下几种情况不需要空格: ...

  • 前端开发规范(实验室版)

    前端编码规范—— HTML 篇 前端编码规范—— CSS 篇 前端编码规范—— JavaScript 篇 这几天和...

  • 前端代码规范(配置篇)

    基于 Airbnb 前端规范 CSS 规范 https://github.com/airbnb/css style...

  • 我的前端规范——CSS篇

    相关文章 博客原文我的前端规范——开篇我的前端规范——HTML篇我的前端规范——CSS篇我的前端规范——JavaS...

  • 我的前端规范——HTML篇

    相关文章 博客原文我的前端规范——开篇我的前端规范——HTML篇我的前端规范——CSS篇我的前端规范——JavaS...

  • 我的前端规范——JavaScript篇

    相关文章 博客原文我的前端规范——开篇我的前端规范——HTML篇我的前端规范——CSS篇我的前端规范——JavaS...

  • 我的前端规范——开篇

    相关文章 博客原文我的前端规范——开篇我的前端规范——HTML篇我的前端规范——CSS篇我的前端规范——JavaS...

  • 前端规范之css

    1. 每个样式属性后(必须)加 ";" 方便压缩工具"断句"。 2. Class命名中(禁止)出现大写字母,(...

  • [知识点滴]Div+CSS命名规范大全

    Div+CSS命名规范(前端web开发命名规范)Div+CSS命名规范(一)窗体头:header内容:conten...

  • 收集前端学习资料

    前端的一些学习资源 html和css代码规范 前端知识体系 前端网址大全 学习CSS布局 通用 CSS 笔记、建议...

网友评论

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

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