当前位置:Gxlcms > html代码 > SassGuidelines(中文版)_html/css_WEB-ITnose

SassGuidelines(中文版)_html/css_WEB-ITnose

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

关于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
  • 总结概要

人气教程排行