分  享 
分  享 
源  码 
源  码 
课  程 
课  程 
设  计 
设  计 

[语言编程] 【PDF教材】《Sass and Compass in Action》PDF 英文电子原版

[复制链接]
密探007邮箱认证 OneDrive 认证 微信绑定 发表于 2020-2-16 15:06:46 | 显示全部楼层 |阅读模式

欢迎加入「奥学网」学霸平台,让自学改变你的世界!

您需要 登录 才可以下载或查看,没有帐号?账号注册

x


【PDF教材】《Sass and Compass in Action》PDF 英文电子原版 - 奥学网
  内容

  序言十五

  致谢xvi

  关于这本书xvii

  关于作者xix

  关于封面插图xx

  认识的第一部分

  有伴奏和伴奏.................................. 1

  1个

  Sass和Compass使样式表再次变得有趣3

  1.1 Sass 4入门

  从CSS到Sass 5

  ■动态思考

  5

  ■不要重复

  你自己6

  1.2 Hello Sass:烘干样式表6

  重用带有变量6的属性值

  ■更多地写长选择器

  快速嵌套7

  ■通过mixin重用大量样式

  8

  避免选择器继承的属性重复10

  1.3什么是指南针? 12

  指南针库13

  ■简单的样式表项目

  13

  社区生态系统14

  目录x

  1.4创建一个指南针项目14

  1.5使用指南针15解决实际的CSS问题

  用重置清除画布15

  ■创建没有布局的布局

  计算器19

  ■斑马条纹像专业的桌帮手

  21

  没有供应商前缀的简易CSS3 23

  1.6小结24

  2

  Sass基本语法25

  2.1使用变量26

  宣布26

  ■参考

  27

  ■变量名称:破折号或

  下划线? 28

  2.2嵌套CSS规则28

  &,父选择器29

  ■嵌套选择器组

  30

  子级和同级组合器:>,+和〜31

  嵌套属性32

  2.3导入Sass文件33

  使用Sass局部音34

  ■默认变量值

  34

  进口嵌套商品35

  ■纯CSS导入

  35

  2.4无声评论36

  2.5引入mixins 37

  何时使用mixins 37

  ■mixins中的CSS规则

  38

  将参数传递给mixin 39

  ■默认参数值

  40

  2.6使用选择器继承修剪CSS 40

  何时使用继承41

  ■高级继承

  42

  继承的原理43

  ■使用时的最佳做法

  继承43

  2.7小结44

  第2部分实践中的指导和实践.......... 47

  3

  不带数学的CSS网格49

  3.1什么是网格? 49

  没有CSS网格,或者没有网的设计50

  ■什么是网格

  系统或框架以及它如何工作? 50

  ■带有Sass的网格

  和指南针53

  目录xi

  3.2网格入门54

  术语54

  ■选择网格样式,语义与

  务实的55

  ■固定网格与流体网格

  55

  3.3使用蓝图56

  带有纯CSS 56的蓝图

  ■使用指南针的蓝图网格

  58

  没有课程的指南针蓝图60

  3.4使用960.gs 61

  960基本布局63

  ■将960 Grid System与

  指南针64

  3.5使用罗盘66的垂直节奏

  建立基线68

  ■领先和落后

  空格71

  3.6小结72

  4

  使用指南针73消除平凡

  4.1有针对性的重置更好的空白状态74

  全局重置74

  ■通过有针对性的重置获得更多控制权

  75

  4.2实用工具,用于更快更美观的排版76

  抛锚:链接助手76

  ■创建通用列表

  79

  用助手驯服文字83

  4.3布局助手85

  粘页脚85

  ■拉伸元素

  87

  4.4小结87

  5

  具有Compass 88的CSS3

  5.1什么是CSS3? 88

  新属性:供应商前缀使您失望吗? 89

  指南针进行救援89

  5.2将CSS3与Compass 90结合使用

  圆角90

  ■CSS3阴影

  92

  ■渐变色

  97

  使用@ font-face 99嵌入字体

  5.3使用CSS PIE 100支持Internet Explorer

  5.4小结103

  目录xii

  第三部分生产准备....................................... 105

  6

  迎接107

  6.1 CSS Sprite如何工作? 108

  6.2为什么需要拼写? 108

  HTTP请求越少,则109越好

  ■令人心碎

  手工做的乏味110

  ■指南针解决方案

  111

  6.3用指南针进行喷洒

  创建一个精灵图112

  ■生成spriting CSS

  112

  6.4配置指南针精灵114

  自定义精灵图114

  ■自定义精灵

  CSS 117

  6.5用精灵助手掌握魔法120

  创建子画面贴图120

  ■编写精灵CSS

  120

  6.6小结123

  7

  从原型到生产124

  7.1提取URL 125

  生成指向资产的URL 125

  ■避免断开的链接

  127

  避免缓存过时的陈旧图像128

  7.2使用Sass和Compass进行原型制作129

  简化您的开发环境130

  ■设计中

  浏览器131

  7.3部署到生产132

  惊喜!移动时间132

  ■编译生产

  133

  产生领域相关资产133

  ■添加版权

  公告134

  ■部署CSS很简单

  135

  ■与

  源代码控制和部署过程135

  ■与

  登台服务器136

  7.4小结137

  8

  高性能样式表138

  8.1衡量客户端性能139

  8.2通过服务器端@import 140避免HTTP请求

  8.3通过压缩减少传输时间142

  gzip压缩143

  ■图像压缩

  144

  目录xiii

  8.4通过资产托管加速页面加载144

  使用资产宿主生成URL 145

  ■避免混合内容

  基于域的资产的警告146

  8.5内联数据URI 146

  8.6选择器性能148

  总共加起来148

  ■过度嵌套的危险

  148

  8.7小结150

  第4部分高级陪审员和陪审员...................... 151

  9

  用Sass编写脚本153

  9.1使用表达式154

  9.2了解数据类型155

  字符串和名称155

  ■数字

  157

  ■颜色

  158

  清单158

  ■布尔值

  159

  9.3功能160

  编号功能160

  ■颜色功能

  162

  ■清单

  功能164

  ■其他Sass功能

  164

  ■用户定义

  功能164

  9.4在选择器中使用表达式和属性名称165

  9.5控制指令166

  167个数字的重复样式

  ■重复样式

  值列表168

  ■条件样式

  168

  9.6小结169

  10

  创建和共享Compass扩展程序170

  10.1共享和重用样式表171

  Sass比CSS 171更易于共享

  ■共享的Sass

  171

  共享Sass还不够172

  ■为什么使用指南针

  延期? 173

  10.2一个简单的扩展173

  安装临时扩展174

  ■测试您的扩展

  174

  10.3创建扩展演示项目174

  10.4编写高级扩展176

  自动化硬零件177

  ■重构您的

  扩展名182

  目录xiv

  10.5创建模板185

  10.6分发扩展186

  在存档中分发扩展186

  ■分发

  扩展为Ruby gem 187

  ■GitHub上的社交编码

  190

  10.7小结192

  附录A安装Sass和Compass 193

  附录B Compass 199入门

  附录C Sass语法205

  索引209



 百度网盘 / Download(回复可见):
 The following hidden content members only. Join us 
游客,如果您要查看本帖隐藏内容请回复

 

 

楼 主 推 荐

相关帖子

xujiaxin1017 发表于 2020-2-16 11:05:57 | 显示全部楼层
今天无聊来逛逛.
回复 支持 反对

使用道具 举报

tony_2767 发表于 2020-2-16 17:41:18 | 显示全部楼层
dddddddddddddd.
回复 支持 反对

使用道具 举报

nSC1uH 发表于 2020-2-18 12:36:15 | 显示全部楼层
只有一条路不能选择——那就是放弃的路;只有一条路不能拒绝——那就是成长的路.
回复 支持 反对

使用道具 举报

WZbbH7 发表于 2020-2-19 23:13:15 | 显示全部楼层
越办越好~~~~~~~~~`.
回复 支持 反对

使用道具 举报

goliumangtu 发表于 2020-2-25 04:09:35 | 显示全部楼层
这是一个互联网时代,破解有助于中国IT类学生快速成才.
回复 支持 反对

使用道具 举报

ZghUy 发表于 2020-2-25 13:34:37 | 显示全部楼层
一定可以做得非常好加油你们~.
回复 支持 反对

使用道具 举报

VvFrIp 发表于 2020-2-26 02:06:17 | 显示全部楼层
简单介绍看韩剧粉红色的军烦得很空即是色孔得红上课的款和空间哈看.
回复 支持 反对

使用道具 举报

n1zk 发表于 2020-3-1 21:09:59 | 显示全部楼层
大大牛逼、象逼各种逼,谢谢分享.
回复 支持 反对

使用道具 举报

PP2Y2 发表于 2020-3-2 04:14:21 | 显示全部楼层
支持~~.
回复 支持 反对

使用道具 举报

快速回复 收藏帖子 返回列表
加密...

Try it|SiteMap|奥学网

E-mail: [email protected]

Xtreme-aesthetic Design

© 2012~Now 6SO.SO

快速回复 返回顶部 返回列表