Sass Guidelines（中文版）_html/css_WEB-ITnose

关于Sass

Sass 的开发文档中如此描述自己：

Sass 是 CSS 的一个扩展,它使 CSS 的使用起来更加优雅和强大。

Sass 的终极目标是解决 CSS 的缺陷。如我们所知，CSS 并不是一个完美的语言。CSS 虽然简单易学，却也能迅速制造严重的混淆，尤其是在工程浩大的项目中。

这就是 Sass 出现的契机，作为一种元语言，通过提供额外的功能和工具可以改善 CSS 的语法。同时，保留了 CSS 的原有特性。

Sass 存在的关键不是将 CSS 变成一种全功能编程语言，它只是想修复缺陷。正因如此，学习 Sass 如同学习 CSS 一样简单：它只在 CSS 的基础上添加了几个额外功能。

话虽如此，使用这些功能的方式却是多种多样的。有一些是好的，有一些是坏的，还有一些令人费解。这份样式指南就是为了给你一个统一的和历经实践的方式来编写 Sass 代码。

目录

• 关于作者
• 贡献
• 目录
• 关于Sass
  • Ruby Sass or LibSass
  • Sass Or SCSS
  • 其他预编译器
• 简介
  • 为什么需要一个样式指南
  • 免责声明
  • 核心原则
• 语法格式
  • 字符串
    • 编码
    • 引用
    • 作为 CSS 的值
    • 包含引号的字符串
    • URLs
  • 数字
    • 零值
    • 单位
    • 计算
    • Magic numbers
  • 颜色
    • 颜色格式
    • 颜色和变量
    • 变亮和变暗颜色
  • 列表
  • Maps
    • 调试 Sass map
  • CSS规则集
  • 声明顺序
  • 选择器嵌套
    • 一般规则
    • 例外
• 命名约定
  • 常量
  • 命名空间
• 注释
  • 标示注释
  • 文档
• 结构
  • 组件
  • 7-1模式
    • Base文件夹
    • Layout文件夹
    • Components文件夹
    • Pages文件夹
    • Themes文件夹
    • Utils文件夹
    • Vendors文件夹
    • 入口文件
  • Shame 文件
• 响应式设计和断点
  • 命名断点
  • 断点管理器
  • 媒体查询用法
• 变量
  • 作用域
  • !default标识符
  • !global标识符
  • 多变量或maps
• 扩展
• 混合宏
  • 基础
  • 参数列表
  • 混合宏和浏览器前缀
• 条件语句
• 循环
  • Each
  • For
  • While
• 警告和错误
  • 警告
  • 错误
• 工具
  • Compass
  • 栅格系统
  • SCSS-lint
• 总结概要