我用夸克网盘分享了「CSS世界.epub」，点击链接即可保存。打开「夸克APP」在线查看，支持多种文档格式转换。

内容简介

本书从前端开发人员的需求出发，以“流”为线索，从结构、内容到美化装饰等方面，全面且深入地讲解前端开发人员必须了解和掌握的大量的CSS知识点。同时，作者结合多年的从业经验，通过大量的实战案例，详尽解析CSS的相关知识与常见问题。作者还为本书开发了专门的配套网站，进行实例展示、问题答疑。 作为一本CSS深度学习的书，书中介绍大量许多前端开发人员都不知道的CSS知识点。通过阅读本书，读者会对CSS世界的深度和广度有一个全新的认识。

作者简介

张鑫旭，前端开发工程师，国内知名前端博客“鑫空间-鑫生活”博主，目前就职于阅文集团用户体验设计部（YUX），担任技术经理。2007年开始接触前端，10年来一直工作在前端开发一线，在HTML/CSS等与交互体验关系密切的领域花了大量的时间学习和研究，有比较多的心得体会。

网友热评

Allen: 感觉在 css 的学习道路上迈出了一大步。以前思考 css 仅仅是 key value 的存在，现在可能是流，块级，内联，盒模型等等的组合表现，非常感谢作者提供了一个如此特别的思路去思考 css。 异步图书: 前端大神的书！这本书既可以当作教程，也可以当作词典使用，遇到遗忘的或者不知道的知识点，总是很快可以找到想要的答案，推荐阅读！ 阿紮SETA: 讲得很细，确实补充了很多干货；但同时有些部分也细得太过了，怀疑实际开发的时候用不用得上…… 看完之后对 CSS 的感受：积重难返，很多写法放在现在已经很别扭很麻烦了，但是要改规范成本太大了，只能说服自己忍了…… 我感觉大家的态度都是：“凑乎用吧要啥自行车？实在不行用 JS 实现就完事了。” 总之书是值得看的，解决了挺多疑惑（同时又加深了很多疑惑……） 隐姓埋名: 很翔实的 CSS 知识，不过在 All in javascript 的时代，很多东西可以略过了。

图书目录

第1章　概述1 1．1CSS世界的“世界观”1 1．2世界都是创造出来的3 1．3CSS完胜SVG的武器—流4 1．3．1何为“流”5 1．3．2　流是如何影响整个CSS世界的6 1．3．3什么是流体布局6 1．4CSS世界的开启从IE8开始6 1．5table自己的世界7 1．6CSS新世界—CSS37 第2章　需提前了解的术语和概念8 2．1务必了解的CSS世界的专业术语8 2．2了解CSS世界中的“未定义行为”11 第3章　流、元素与基本尺寸13 3．1块级元素13 3．1．1为什么list-item元素会出现项目符号15 3．1．2display：inline-table的盒子是怎样组成的16 3．1．3width/height作用在哪个盒子上16 3．2width/height作用的具体细节16 3．2．1深藏不露的width：auto17 3．2．2width值作用的细节24 3．2．3CSS流体布局下的宽度分离原则27 3．2．4改变width/height作用细节的box-sizing29 3．2．5相对简单而单纯的height：auto33 3．2．6关于height：100%33 3．3CSSmin-width/max-width和min-height/max-height二三事37 3．3．1为流体而生的min-width/max-width38 3．3．2与众不同的初始值38 3．3．3超越!important39 3．3．4任意高度元素的展开收起动画技术40 3．4内联元素42 3．4．1哪些元素是内联元素42 3．4．2内联世界深入的基础—内联盒模型42 3．4．3幽灵空白节点44 第4章　盒尺寸四大家族45 4．1深入理解content45 4．1．1content与替换元素45 4．1．2content内容生成技术57 4．2温和的padding属性73 4．2．1padding与元素的尺寸73 4．2．2padding的百分比值77 4．2．3标签元素内置的padding79 4．2．4padding与图形绘制80 4．3激进的margin属性81 4．3．1margin与元素尺寸以及相关布局82 4．3．2margin的百分比值87 4．3．3正确看待CSS世界里的margin合并87 4．3．4深入理解CSS中的margin：auto94 4．3．5margin无效情形解析97 4．4border属性100 4．4．1为什么border-width不支持百分比值100 4．4．2了解各种border-style类型101 4．4．3border-color和color105 4．4．4border与透明边框技巧106 4．4．5border与图形构建108 4．4．6border等高布局技术109 第5章　内联元素与流111 5．1字母x—CSS世界中隐匿的举足轻重的角色111 5．1．1字母x与CSS世界的基线111 5．1．2字母x与CSS中的x-height112 5．1．3字母x与CSS中的ex113 5．2内联元素的基石line-height114 5．2．1内联元素的高度之本—line-height114 5．2．2为什么line-height可以让内联元素“垂直居中”119 5．2．3深入line-height的各类属性值121 5．2．4内联元素line-height的“大值特性”124 5．3line-height的好朋友vertical-align126 5．3．1vertical-align家族基本认识127 5．3．2vertical-align作用的前提129 5．3．3vertical-align和line-height之间的关系131 5．3．4深入理解vertical-align线性类属性值135 5．3．5深入理解vertical-align文本类属性值141 5．3．6简单了解vertical-align上标下标类属性值142 5．3．7无处不在的vertical-align143 5．3．8基于vertical-align属性的水平垂直居中弹框144 第6章　流的破坏与保护147 6．1魔鬼属性float147 6．1．1float的本质与特性147 6．1．2float的作用机制151 6．1．3float更深入的作用机制154 6．1．4float与流体布局155 6．2float的天然克星clear157 6．2．1什么是clear属性157 6．2．2成事不足败事有余的clear158 6．3CSS世界的结界—BFC160 6．3．1BFC的定义160 6．3．2BFC与流体布局160 6．4结界overflow164 6．4．1overflow剪裁界线borderbox165 6．4．2了解overflow-x和overflow-y166 6．4．3overflow与滚动条166 6．4．4依赖overflow的样式表现169 6．4．5overflow与锚点定位170 6．5float的兄弟position：absolute177 6．5．1absolute的包含块178 6．5．2具有相对特性的无依赖absolute定位184 6．5．3absolute与text-align191 6．6absolute与overflow193 6．7absolute与clip195 6．7．1重新认识的clip属性196 6．7．2深入了解clip的渲染198 6．8absolute的流体特性199 6．8．1当absolute遇到left/top/right/bottom属性199 6．8．2absolute的流体特性200 6．8．3absolute的margin：auto居中202 6．9position：relative才是大哥202 6．9．1relative对absolute的限制203 6．9．2relative与定位203 6．9．3relative的zui小化影响原则206 6．10强悍的position：fixed固定定位207 6．10．1position：fixed不一样的“包含块”207 6．10．2position：fixed的absolute模拟208 6．10．3position：fixed与背景锁定209 第7章　CSS世界的层叠规则211 7．1z-index只是CSS层叠规则中的一叶小舟211 7．2理解CSS世界的层叠上下文和层叠水平212 7．2．1什么是层叠上下文212 7．2．2什么是层叠水平212 7．3理解元素的层叠顺序212 7．4务必牢记的层叠准则214 7．5深入了解层叠上下文214 7．5．1层叠上下文的特性214 7．5．2层叠上下文的创建214 7．5．3层叠上下文与层叠顺序217 7．6z-index负值深入理解219 7．7z-index“不犯二”准则223 第8章　强大的文本处理能力225 8．1line-height的另外一个朋友font-size225 8．1．1font-size和vertical-align的隐秘故事225 8．1．2理解font-size与ex、em和rem的关系227 8．1．3理解font-size的关键字属性值229 8．1．4font-size：0与文本的隐藏231 8．2字体属性家族的大家长font-family232 8．2．1了解衬线字体和无衬线字体233 8．2．2等宽字体的实践价值234 8．2．3中文字体和英文名称236 8．2．4一些补充说明237 8．3字体家族其他成员238 8．3．1貌似粗犷、实则精细无比的font-weight238 8．3．2具有近似姐妹花属性值的font-style241 8．3．3不适合国情的font-variant242 8．4font属性242 8．4．1作为缩写的font属性242 8．4．2使用关键字值的font属性243 8．4．3font关键字属性值的应用价值246 8．5真正了解@fontface规则247 8．5．1@fontface的本质是变量247 8．5．2@fontface与字体图标技术255 8．6文本的控制258 8．6．1text-indent与内联元素缩进258 8．6．2letter-spacing与字符间距261 8．6．3word-spacing与单词间距263 8．6．4了解word-break和word-wrap的区别264 8．6．5white-space与换行和空格的控制265 8．6．6text-align与元素对齐267 8．6．7如何解决text-decoration下划线和文本重叠的问题271 8．6．8一本万利的text-transform字符大小写273 8．7了解：first-letter/：first-line伪元素274 8．7．1深入：first-letter伪元素及其实例274 8．7．2故事相对较少的：first-line伪元素277 第9章　元素的装饰与美化280 9．1CSS世界的color很单调280 9．1．1少得可怜的颜色关键字280 9．1．2不支持的transparent关键字282 9．1．3不支持的currentColor变量282 9．1．4不支持的rgba颜色和hsla颜色282 9．1．5支持却鸡肋的系统颜色283 9．2CSS世界的background很单调285 9．2．1隐藏元素的background-image到底加不加载285 9．2．2与众不同的background-position百分比计算方式286 9．2．3background-repeat与渲染性能287 9．2．4外强中干的background-attachment：fixed288 9．2．5background-color背景色永远是很低的289 9．2．6利用多背景的属性hack小技巧290 9．2．7渐变背景和rgba背景色的兼容处理290 第10章　元素的显示与隐藏292 10．1display与元素的显隐294 10．2visibility与元素的显隐296 10．2．1不仅仅是保留空间这么简单296 10．2．2了解visibility：collapse301 第11章　用户界面样式302 11．1和border形似的outline属性302 11．1．1万万不可在全局设置outline：0none302 11．1．2真正的不占据空间的outline及其应用304 11．2光标属性cursor307 11．2．1琳琅满目的cursor属性值307 11．2．2自定义光标314 第12章　流向的改变315 12．1改变水平流向的direction315 12．1．1direction简介315 12．1．2direction的黄金搭档unicode-bidi318 12．2改变CSS世界纵横规则的writing-mode320 12．2．1writing-mode原本的作用321 12．2．2writing-mode不经意改变了哪些规则324 12．2．3writing-mode和direction的关系328