当前位置:Gxlcms > html代码 > CSS的SASS样式编程指南_HTML/Xhtml_网页制作

CSS的SASS样式编程指南_HTML/Xhtml_网页制作

时间:2021-07-01 10:21:17 帮助过:41人阅读

随着越来越多的开发者使用SASS,我们有必要关注一下SASS的代码的个数问题。 我们可以从CSS(层叠样式表)的语法出发,来解释SASS语法的一些特别之处,毕竟,CSS样式指南是很常见的。

  这篇文章主要介绍了我个人比较感兴趣的一些特性,也许能够让你从中受用,形成一套属于自己的SASS使用指南。
继续保持自己常用的CSS格式规则和样式指南

  这篇文章着重讨论了关于SASS的一些内容,但是在此基础上,开发者应该保持自己已有并且良好的格式规则。如果你还没有发展出一套属于自己的格式规则,那么这里有一些样式指南的综述,应该可以帮你形成属于自己的CSS编写习惯。这里仅列出一些其中所包含的部分内容:

1. 保持行缩进一致
2. 保持冒号/大括号前后空格数的一致
3. 保持一行一个选择器,一行一个规则
4. 相关的属性尽量写在一起
5. 对于类名命名规则由一个规划
6. 避免使用CSS id选择器
7. 等等

  接下来我们就了解一下如何写出美观的SASS代码吧,以编写一个.weather类的属性为例:
  首先列出@extend(s)

输出内容因人而已。利用sass编写css文件就像没有用sass一样,你才是代码的主导。

人气教程排行