思维导图备注

Sass和Compass设计师指南
首页 收藏书籍 阅读记录
  • 书签 我的书签
  • 添加书签 添加书签 移除书签 移除书签

序

浏览 1 扫码
  • 小字体
  • 中字体
  • 大字体
2022-01-24 10:33:41
请 登录 再阅读
上一篇:
下一篇:
  • 书签
  • 添加书签 移除书签
  • 版权信息
  • 序
  • 关于作者
  • 关于审稿人员
  • 引言
  • 第1章 Sass和Compass概述
    • 1.1 为什么需要CSS预处理器
      • 如果最终生成的是CSS代码，为什么不干脆写CSS
    • 1.2 为什么应该用Sass和Compass
      • 使用变量（每个值只需要定义一次）
      • 自动转换的RGBA颜色值
      • 忘记浏览器前缀
      • 嵌套规则
      • media queries变得更加简单
      • 自动压缩CSS从而实现快速建站
    • 1.3 什么是Sass
    • 1.4 什么是Compass
    • 1.5 安装Sass和Compass
      • OS X系统安装方法
    • 1.6 通过命令行安装和使用Sass和Compass
      • 在Windows下安装Ruby
      • 运行gem命令
      • Mac OS X命令行安装
      • Windows命令行安装
      • 检查你的Sass和Compass版本
      • 检查有哪些Sass和Compass版本可用
      • 安装最新版本的Sass和Compass（包括预发布版本）
      • 从命令行创建Sass和Compass工程
      • 命令行自动编译功能
    • 1.7 使用图形界面工具运行Sass 和 Compass
      • Scout应用
      • CodeKit
      • LiveReload
    • 1.8 在文本编辑器下使用Sass文件
    • 1.9 总结
  • 第2章 创建Sass和Compass工程
    • 2.1 创建Sass和Compass工程
      • 创建Compass工程
    • 2.2 理解config.rb文件
      • 添加需要的插件
      • 为工程资源设定名称和路径
      • 设定CSS输出样式
    • 2.3 创建和使用模块文件
      • Sass提供可维护的生产性代码
      • 导入模块文件
      • Sass中书写变量的语法
    • 2.4 Sass注释格式
      • 标准CSS注释
      • Sass单行注释
    • 2.5 基础的index.html文件
    • 2.6 未来工程的基础构架
    • 2.7 总结
  • 第3章 嵌套、扩展、占位符和混合宏
    • 3.1 用Sass和Compass给网站添加样式
    • 3.2 从视觉上分割布局
    • 3.3 什么是嵌套？它是如何实现代码模块化的？
      • 嵌套语法
      • 使用父级选择器轻松添加Modernizr样式
      • 嵌套命名空间
    • 3.4 使用@extend命令扩展现有代码
    • 3.5 使用占位符选择器来扩展需要的样式
    • 3.6 什么是混合宏？如何使用混合宏来轻松生成常用代码？
      • 混合宏的基本语法
      • 如何用默认值写混合宏
    • 3.7 生成CSS的注意事项
    • 3.8 总结
  • 第4章 轻松玩转颜色
    • 4.1 只定义一次颜色
    • 4.2 变浅和加深函数
      • 掌握HSL颜色标准
      • 变浅函数和加深函数语法
    • 4.3 标签修改和转换
      • Compass的clearfix功能
    • 4.4 再谈颜色
      • 混合宏里还有混合宏？这是什么新功能？
    • 4.5 互补（和反色）函数
    • 4.6 反色函数
    • 4.7 色调调节函数
    • 4.8 饱和函数和去饱和函数
    • 4.9 透明化函数和渐隐函数
    • 4.10 不透明化函数和渐现函数
    • 4.11 灰度函数
    • 4.12 rgba函数
    • 4.13 混合函数
    • 4.14 调色函数
    • 4.15 比例调色函数
    • 4.16 遮阴函数和增亮函数
    • 4.17 综合应用
    • 4.18 总结
  • 第5章 Sass和Compass的响应式弹性网格系统
    • 5.1 反对使用网格系统的各种说法
    • 5.2 为什么使用网格系统
    • 5.3 什么是Susy
      • Susy到底是做什么的
    • 5.4 安装Susy Compass插件
    • 5.5 在工程中引入Susy
      • Susy工程变量
    • 5.6 创建Susy网格系统
    • 5.7 为网格系统定义背景
      • 显示网格背景
      • 给Susy设置border-box属性
    • 5.8 创建“移动”响应式网格系统
    • 5.9 用Susy创建断点
    • 5.10 创建流体网格系统
    • 5.11 创建静态的“固定化”网格系统
    • 5.12 使用Susy网格帮助工具
      • Prefix、Suffix和Pad
      • Prefix
      • Suffix
      • Pad
    • 5.13 Pre、Post、Squish、Push和Pull
      • Pre
      • Post
      • Squish
      • Push和Pull
    • 5.14 网格内嵌套网格
      • nth-omega混合宏
    • 5.15 子像素的四舍五入问题
      • 为什么会发生像素取整错误
      • 容器相对布局
      • 标准Susy语法及输出
    • 5.16 总结
  • 第6章 Sass和混合宏中的高级media queries
    • 6.1 Sass中的media queries
    • 使用media query模块文件分离media query样式
    • 6.2 Sass的行内media queries
    • 6.3 创建混合宏轻松处理media queries
      • 将断点定义为变量
    • 6.4 MQ media query混合宏是如何工作的
    • 6.5 各种情况的应用
    • 6.6 书写行内media queries
    • 6.7 gzip和CSS压缩=胜利！
    • 6.8 实际工程中行内media queries和集合media queries 的区别
    • 6.9 复习CSS代码
    • 6.10 总结
  • 第7章 Compass中的CSS3、Image Sprites等功能
    • 7.1 用Compass混合宏轻松实现CSS3
      • 文本阴影属性的语法
    • 7.2 border-radius语法
    • 7.3 复列
      • 分列规则语法
      • 盒子阴影混合宏
      • 盒子阴影语法
      • 多重盒子阴影
    • 7.4 背景渐变
      • 背景线性渐变语法
      • 背景辐射渐变语法
      • 组合渐变和背景图像
    • 7.5 用Compass image-url帮助工具添加背景图像
    • 7.6 图像宽度和高度帮助工具
      • Compass缓存消除功能
    • 7.7 Compass的image sprites功能
      • 其他sprite配置选项
      • 布局选项
    • 7.8 Compass文本替代混合宏
      • hide-text混合宏
      • 文本压缩混合宏
      • 用图像代替文本
    • 7.9 为图像创建数据URI
      • 行内图像语法
    • 7.10 不支持SVG格式设备的备选方法
    • 7.11 CSS变形功能
    • 7.12 CSS过滤器
    • 7.13 过渡
    • 7.14 总结
  • 第8章 Sass的编程逻辑
    • 8.1 Sass的数学计算
      • 加法
      • 减法
      • 乘法
      • 除法
      • 使用变量进行计算
    • 8.2 控制命令及使用方法
      • @if和@else if控制命令
      • @for循环
      • 计数器变量
      • from to和from through
      • @each循环
    • 8.3 给数值去除和添加单位
      • 从数值上去除单位
      • 给变量值添加单位
    • 8.4 在Sass中写函数
      • 相等操作符
      • 关系操作符
      • @return
      • 使用函数的返回结果
    • 8.5 使用@debug命令
    • 8.6 @warn命令
    • 8.7 总结
  • 第9章 精通Sass和Compass
    • 9.1 关闭特定浏览器的Compass支持功能
      • 配置支持变量
      • 基于WebKit内核的Opera
    • 9.2 为最新发布的CSS属性提供支持
    • 9.3 定义最新的CSS3属性值
    • 9.4 Sass交互式shell
      • Compass交互
    • 9.5 添加Sass globbing插件来批量导入模块文件
    • 9.6 创建多个独立的样式表
    • 9.7 将模块文件转换为独立的样式表
    • 9.8 Compass统计
    • 9.9 清空Sass缓存
    • 9.10 一次性Compass编译
    • 9.11 任务回顾
      • 修正人为错误
      • 使用Lint工具发现常见问题
    • 9.12 用工具和测试避免主观推断
      • Chrome开发者工具
      • 查找没被使用的样式
    • 9.13 循序渐进
    • 9.14 总结
暂无相关搜索结果！
    展开/收起文章目录

    二维码

    手机扫一扫，轻松掌上学

    《Sass和Compass设计师指南》电子书下载

    请下载您需要的格式的电子书，随时随地，享受学习的乐趣！
    EPUB 电子书

    书签列表

      阅读记录

      阅读进度: 0.00% ( 0/0 ) 重置阅读进度