我用夸克网盘分享了「CSS高效开发实战：CSS 3、LESS、SASS、Bootstrap、Foundation.epub」，点击链接即可保存。打开「夸克APP」在线查看，支持多种文档格式转换。

内容简介

想象一下，一个网页只有HTML，没有CSS，那就是素颜和上妆的区别。而一个网页只有CSS，没用CSS 3，那就是马车和汽车的区别！汽车代表的是高效、美观，CSS 3的意图也是如此。移动设备的流行导致了响应式设计的流行，而CSS 3正是实现这种设计的精髓。《CSS高效开发实战—CSS 3、LESS、SASS、Bootstrap、Foundation》围绕的就是如何跨浏览器、跨设备进行高效率的CSS开发。 《CSS高效开发实战—CSS 3、LESS、SASS、Bootstrap、Foundation》分为3部分：第1部分是HTML/CSS基础和CSS 3新特性演示，涵盖盒子模型、浮动布局、属性前缀、选择器、字体、边框、背景、颜色、变换、动画、弹性盒子、媒介查询和响应式设计等多个方面；第2部分介绍Bootstrap、Foundation、Pure等当前流行的CSS框架及LESS、SASS等生产力工具；第3部分是实战案例，包括DIV+CSS案例、HTML 5+CSS 3案例、Bootstrap案例和Foundation案例。 《CSS高效开发实战—CSS 3、LESS、SASS、Bootstrap、Foundation》内容精练、重点突出、实例丰富、讲解通俗，是广大CSS设计人员和前端开发人员必备的参考书，同时也非常适合大中专院校师生学习阅读，也可作为高等院校计算机及相关培训机构的教材使用。

作者简介

想象一下，一个网页只有HTML，没有CSS，那就是素颜和上妆的区别。而一个网页只有CSS，没用CSS 3，那就是马车和汽车的区别！汽车代表的是高效、美观，CSS 3的意图也是如此。移动设备的流行导致了响应式设计的流行，而CSS 3正是实现这种设计的精髓。《CSS高效开发实战—CSS 3、LESS、SASS、Bootstrap、Foundation》围绕的就是如何跨浏览器、跨设备进行高效率的CSS开发。 《CSS高效开发实战—CSS 3、LESS、SASS、Bootstrap、Foundation》分为3部分：第1部分是HTML/CSS基础和CSS 3新特性演示，涵盖盒子模型、浮动布局、属性前缀、选择器、字体、边框、背景、颜色、变换、动画、弹性盒子、媒介查询和响应式设计等多个方面；第2部分介绍Bootstrap、Foundation、Pure等当前流行的CSS框架及LESS、SASS等生产力工具；第3部分是实战案例，包括DIV+CSS案例、HTML 5+CSS 3案例、Bootstrap案例和Foundation案例。 《CSS高效开发实战—CSS 3、LESS、SASS、Bootstrap、Foundation》内容精练、重点突出、实例丰富、讲解通俗，是广大CSS设计人员和前端开发人员必备的参考书，同时也非常适合大中专院校师生学习阅读，也可作为高等院校计算机及相关培训机构的教材使用。

网友热评

云の影: 只能算是对css一些流行框架的走马观花式的介绍和入门书而已。仅仅是给读者扩展视野。 [已死亡]: 很全面，CSS相关技术都有涉猎，也有一些最佳实践在里头 鱼跃于渊: 曾经为了这本书多次跑图书馆，但看过发现内容还是差强人意，API部分多了些

图书目录

第一篇　揭开CSS3的面纱 第1章CSS3与现代Web标准 2 1.1未来Web标准的发展 2 1.1.1“去Adobe”化 2 1.1.2基础功能集成 3 1.1.3客户端执行更多的逻辑和渲染任务 3 1.1.4适应移动设备的发展 3 1.2什么是CSS3 3 1.3CSS3的特性 4 1.3.1圆角 4 1.3.2阴影 4 1.3.3渐变 5 1.3.4变换 5 1.3.5动画 6 1.3.6媒介查询 6 1.4检测浏览器是否支持CSS3 7 1.4.1使用Modernizr检测支持CSS3 7 1.4.2支持CSS3的浏览器 8 1.5用CSS3实现的优秀网页 9 1.6小结 10 第2章　温故知新——HTML、CSS基础 11 2.1W3C标准、HTML语言和CSS 11 2.1.1W3C组织与W3C标准 11 2.1.2什么是HTML 12 2.1.3什么是CSS 13 2.1.4HTML+CSS之最佳拍档 13 2.2不可不知的CSS盒子模型 14 2.3跨浏览器的CSS 15 2.4理解浏览器的属性前缀 16 2.4.1常用的属性前缀 16 2.4.2属性前缀的排序 17 2.5揭开浮动布局的秘密 17 2.5.1浮动导致的布局变动 17 2.5.2清除浮动 20 2.6看穿CSS的定位技术 21 2.6.1相对定位技术与实战 21 2.6.2绝对定位技术与实战 22 2.7小结 24 第3章　使用CSS选择器让样式表更健壮 25 3.1基础选择器 25 3.1.1标签选择器 25 3.1.2类选择器 26 3.1.3id选择器 27 3.1.4通配符选择器 27 3.1.5子元素选择器 28 3.1.6后代元素选择器 28 3.1.7相邻元素选择器 29 3.1.8属性选择器 30 3.1.9组选择器 30 3.1.10复合选择器 31 3.2伪类选择器 32 3.2.1结构化伪类 32 3.2.2目标伪类:target 39 3.2.3状态伪类 39 3.2.4否定伪类:not(S) 40 3.3实战演练——选择器 41 3.3.1伪类选择器的实战——新闻聚合类网页 41 3.3.2基础选择器的组合实战——新闻聚合类网页 43 3.4小结 44 第4章设计更炫目的字体 45 4.1添加和使用自定义字体 45 4.1.1传统的字体定义 45 4.1.2个性化的字体定义 46 4.1.3个性化的字体图标 46 4.2使用反射让文字倒映 47 4.2.1反射的基本语法 47 4.2.2变幻多端的反射效果实例 48 4.3字体阴影——光晕、浮雕、投影效果 49 4.4字体描边 50 4.5字体分栏——让网页像报纸一样分栏排版 51 4.6实战演练——处理字体溢出和破字 53 4.7小结 54 第5章背景和颜色 55 5.1设定背景图的大小 55 5.2利用图层叠加实现多背景 57 5.3使用图片背景的origin和clip属性 58 5.3.1background-origin属性 58 5.3.2background-clip属性 59 5.4颜色模式 60 5.4.1RGBA模式 60 5.4.2HSLA模式 61 5.5透明颜色 62 5.6语法糖——currentColor属性 63 5.7渐变——放弃图片的首选良方 63 5.7.1线性渐变 63 5.7.2放射渐变 65 5.8实战演练——渐变效果 67 5.8.1带有立体凸起效果的按钮 67 5.8.2构造尺寸更灵活的背景 68 5.8.3使用放射渐变制作光影效果 68 5.9小结 69 第6章更个性的边框 71 6.1圆角边框 71 6.1.1圆角边框的基本用法 71 6.1.2使用百分比作为单位 72 6.1.3设置不同弧度的圆角 73 6.2边框阴影 73 6.2.1内外阴影 74 6.2.2偏移量 75 6.2.3阴影尺寸 76 6.2.4模糊距离 76 6.3图片边框——让图片环绕在元素周围 77 6.4通过resize属性来改变输入框的大小 79 6.5实战演练——CSS3边框效果 80 6.5.1边框圆角在Bootstrap和淘宝网中的应用 80 6.5.2边框阴影在苹果官网中的应用 80 6.6小结 81 第7章变换和动画 83 7.1CSS3的变换类型 83 7.1.1rotate旋转变换 83 7.1.2skew扭曲变换 86 7.1.3scale比例缩放 86 7.1.4translate位移变换 86 7.1.5transform小结 87 7.2使用transition制作交互动画 87 7.3使用@keyframes制作动画 89 7.3.1@keyframes的基本语法 89 7.3.2用@keyframes制作循环动画 90 7.3.3@keyframes小结 91 7.4实战演练——结合变换制作3D旋转卡片 91 7.5可参考的CSS动画资源 92 7.5.1Hover.css——鼠标hover动画 92 7.5.2iHover——hover动画类库 93 7.5.3CSS3和JavaScript的结合 94 7.6小结 94 第8章媒介查询和响应式设计 95 8.1媒介类型=各种浏览终端 95 8.2认识响应式网页设计 96 8.3媒介查询的基本语法 98 8.4设备 99 8.4.1常见设备的宽度和高度 99 8.4.2检测设备翻转 100 8.5实战演练——应用媒介查询制作响应式导航栏 101 8.6小结 103 第9章　更简便的布局——弹性盒子 104 9.1认识弹性盒子 104 9.2弹性盒子的语法 105 9.3操作元素 106 9.3.1控制子元素的方向 107 9.3.2控制元素对齐 108 9.3.3控制元素显示顺序 109 9.4实战演练——用弹性盒子设计阅读APP 110 9.5小结 113 第10章CSS常用工具 114 10.1使用Prefixfree处理CSS3跨浏览器兼容 114 10.2应用Normalize统一不同浏览器下的样式 115 10.3应用Grunt进行CSS压缩 116 10.4小结 119 第二篇　使用CSS3框架进行高效开发 第11章流行的CSS布局设计 122 11.1固定布局 122 11.1.1960的秘密 123 11.1.2定义列宽 123 11.1.3运用CSS实现固定列宽的栅格 124 11.1.4实战演练——运用960gs实现固定布局的新闻页面 127 11.2流式布局 130 11.2.1计算列百分比 130 11.2.2使图片更加灵活 132 11.2.3定义最大/最小宽度 133 11.2.4实战演练——实现一个流式布局的新闻页面 133 11.3响应式布局 137 11.3.1使用媒介查询 137 11.3.2实战演练——实现一个响应式布局的新闻页面 139 11.4小结 143 第12章Bootstrap框架实战 144 12.1认识Bootstrap 144 12.1.1初识Bootstrap 144 12.1.2Bootstrap为何如此流行 145 12.1.3Bootstrap的版本发展 146 12.2Bootstrap入门 146 12.2.1在自己的项目中引入Bootstrap 147 12.2.2添加Bootstrap的class实现基本样式 147 12.2.3调用Bootstrap的通用组件 148 12.2.4添加JavaScript动态效果 149 12.3Bootstrap的栅格系统 150 12.3.1固定布局的栅格系统 150 12.3.2流式布局的栅格系统 151 12.3.3响应式布局的栅格系统 151 12.4使用Bootstrap的基本样式 154 12.4.1字体排版 154 12.4.2表格 155 12.4.3表单 158 12.4.4按钮 161 12.4.5图片 163 12.4.6响应式工具 164 12.4.7工具类 165 12.5使用Bootstrap的组件 166 12.5.1下拉菜单 166 12.5.2按钮组 167 12.5.3input控件组 168 12.5.4导航 169 12.5.5列表组 173 12.5.6分页 174 12.5.7标签与Badge 175 12.5.8缩略图 176 12.5.9面板 178 12.5.10进度条 179 12.6Bootstrap中的JavaScript特效 180 12.6.1模态对话框 180 12.6.2标签页切换 182 12.6.3Tooltip 183 12.6.4弹出框 183 12.6.5提示信息 184 12.6.6按钮 184 12.6.7折叠 186 12.6.8幻灯片 187 12.7定制Bootstrap 188 12.7.1在官方网站进行Bootstrap的定制 188 12.7.2修改源代码定制Bootstrap 190 12.8其他Bootstrap资源 192 12.9小结 194 第13章Foundation框架实战 195 13.1认识Foundation 195 13.2Foundation的安装和使用 196 13.2.1传统方式的下载安装 197 13.2.2使用Compass进行Foundation开发 198 13.2.3在Rails应用中引入Foundation 199 13.3使用Foundation栅格系统 199 13.3.1基本栅格系统 199 13.3.2块网格（BlockGrid） 200 13.4Foundation基本样式 201 13.4.1标题和段落 201 13.4.2列表 202 13.4.3按钮 204 13.4.4面板 206 13.4.5缩略图 207 13.4.6视频 207 13.4.7可见性 208 13.5导航系统 208 13.5.1面包屑导航 209 13.5.2侧边栏导航 209 13.5.3头部导航 210 13.5.4子导航 212 13.6Foundation中的JavaScript特效 212 13.6.1幻灯片 212 13.6.2Clearinglightboxes 214 13.6.3弹出层显示 215 13.6.4长页面滚动效果 216 13.6.5其他特效 216 13.7定制Foundation 218 13.7.1在官方网站进行定制 219 13.7.2通过配置文件进行定制 219 13.8小结 220 第14章LESS和SASS 222 14.1CSS的缺陷 222 14.1.1无法定义变量 222 14.1.2重复代码 223 14.1.3计算问题 223 14.1.4作用域和命名空间 223 14.1.5CSS缺陷总结 224 14.2LESS其实更多 224 14.2.1LESS介绍 224 14.2.2LESS使用基础 225 14.2.3使用变量和操作符 225 14.2.4使用Mixin混入 226 14.2.5内嵌规则 227 14.2.6运算 228 14.2.7LESS总结 228 14.3使用SASS 228 14.3.1SASS介绍 228 14.3.2SASS安装和使用 229 14.3.3使用变量 229 14.3.4计算 230 14.3.5使用@import导入 230 14.3.6使用@extend继承 230 14.3.7使用@mixin混入 231 14.3.8使用@function定义函数 231 14.3.9控制语句 231 14.3.10SASS总结 232 14.4使用SASS的扩展库Compass 232 14.4.1CSS3模块 233 14.4.2Reset模块 235 14.4.3Utilities模块 235 14.4.4Helpers模块 236 14.4.5Compass总结 237 14.5小结 237 第15章其他CSS框架简介 238 15.1轻量级框架代表——PureCSS 238 15.2手机页面UI框架——Ratchet框架 239 15.3优秀的国产CSS框架 240 15.3.1阿里巴巴的Alice框架 240 15.3.2网易的NEC 241 15.3.3百度的GMU框架 242 15.3.4渴切 243 15.3.5用于中文排版的Typo.css243 15.4小结 245 第三篇　CSS实战项目视频网站 248 16.1网站的页面效果图分析 248 16.1.1页面头部和页脚分析 250 16.1.2首页主体内容分析 250 16.1.3内页主体内容分析 252 16.2网站的布局规划 253 16.2.1页面布局规划 253 16.2.2切割首页及导出图片 253 16.2.3切割内页及导出图片 254 16.3网站HTML框架的编写 255 16.3.1页面HTML框架搭建 255 16.3.2页面头部和页脚的HTML255 16.3.3页面公共部分的HTML 256 16.3.4首页主体内容的HTML 258 16.3.5内页主体内容的HTML 261 16.3.6首页HTML代码总览 263 16.3.7内页HTML代码总览 264 16.4网站CSS样式的编写 265 16.4.1页面公共部分的CSS 265 16.4.2页面框架的CSS 267 16.4.3页面头部和页脚的CSS 268 16.4.4首页主体内容的CSS 268 16.4.5内页主体内容的CSS 270 16.4.6网站CSS代码总览 271 16.5小结 272 第17章　使用HTML5+CSS3开发搜房网 273 17.1网站前期策划 273 17.1.1理解HTML5的语义性元素 273 17.1.2搜房网网站结构 275 17.1.3搜房网整站预览 275 17.2搜房网的首页设计 278 17.2.1首页的布局 278 17.2.2设计导航栏 282 17.2.3设计宣传广告栏 284 17.2.4CSS布局 287 17.3搜房网的内容页设计 291 17.3.1出售房源页面 291 17.3.2购买房源页面 293 17.3.3出租房源页面 295 17.3.4房产过户页面 297 17.3.5联系我们页面 299 17.4小结 301 第18章　使用Bootstrap实现论坛后台管理系统 302 18.1项目开始 302 18.2页面布局 303 18.2.1引入Bootstrap3框架 303 18.2.2编写布局代码 304 18.3实现导航栏 305 18.3.1构建导航的框架代码 305 18.3.2填写标题和导航链接 305 18.3.3添加搜索框和通知系统 306 18.3.4添加管理员的登录信息 307 18.3.5构建响应式导航 308 18.4实现左侧边栏 310 18.5实现主功能部分 310 18.5.1主功能的头部 311 18.5.2主功能的帖子列表 312 18.6小结 315 第19章　使用Foundation实现论坛首页 316 19.1项目开始 316 19.2页面布局 317 19.2.1引入Foundation需要的包 317 19.2.2移动优先的布局 318 19.3实现头部导航栏 319 19.4实现响应式版块列表 321 19.5实现热门帖子推荐 323 19.6小结 325 附录A网页制作的调试工具及使用 326 附录B提升CSS的性能和效率332