章
目
录
今天要给大伙介绍的这本《CSS世界》,堪称CSS领域的“宝藏秘籍”,本文提供该书epub格式电子书免费下载,支持百度网盘和夸克网盘两种方式下载。
一、书籍基本信息
《CSS世界》的作者是张鑫旭,他可是前端开发界的“大佬”。作为一名资深前端开发工程师,他运营着国内知名前端博客“鑫空间 – 鑫生活”。现在,他在阅文集团用户体验设计部(YUX)担任技术经理。从2007年开始,张鑫旭就一头扎进前端开发领域,在HTML/CSS这些和交互体验紧密相关的技术上花了大量时间钻研,积累了超多宝贵经验,这些都融入到了这本书里。
这本书由人民邮电出版社出版,2017年12月和大家见面,全书共328页,定价69元,采用平装装帧,ISBN是9787115470669 。在豆瓣上,这本书收获了7.7分的不错成绩,从读者的评分和反馈就能看出,它确实有不少“干货”。
二、丰富内容,带你吃透CSS
(一)搭建CSS知识框架
刚翻开书的第1章,就能感受到作者独特的视角。他从CSS世界的“世界观”讲起,让读者对CSS有一个宏观的认识,就像是带你站在山顶俯瞰CSS的全貌。接着提到CSS的“秘密武器”——“流”,这可是贯穿全书的重要线索。作者详细解释了“流”是什么,以及它如何影响整个CSS世界,还介绍了流体布局的概念。
(二)扫清术语概念障碍
第2章专门介绍了一些学习CSS必须知道的术语和概念。像CSS世界里的专业术语,这些就好比是CSS领域的“行话”,掌握了它们,看文档、和同行交流都更顺畅。还有“未定义行为”,了解这个能帮你避开一些开发过程中的“坑”,少走不少弯路。
(三)深入研究流、元素与尺寸
第3章聚焦在流、元素和基本尺寸方面。先讲块级元素,这里面门道可不少,比如list-item元素为啥会有项目符号,display: inline – table的盒子是怎么组成的,width/height到底作用在哪个盒子上。接着深入探讨width/height作用的具体细节,像width:auto背后隐藏的知识,width值作用的各种细节,CSS流体布局下的宽度分离原则,box – sizing对width/height作用细节的改变,还有height:auto和height:100%的相关知识。
(四)盒尺寸属性详解
第4章对盒尺寸的四个重要属性——content、padding、margin、border进行了深度剖析。在content部分,讲解了content与替换元素的关系,还有content内容生成技术。padding属性看起来温和,实际作用可不小,涉及到它与元素尺寸的关系、百分比值的运用、标签元素内置的padding,甚至还能用于图形绘制。
(五)内联元素与流的奥秘
第5章深入探索内联元素与流。这一章从一个很有意思的角度切入——字母x。字母x在CSS世界里有着隐秘却重要的作用,和基线、x – height、ex都有关系。接着介绍内联元素的基石line – height,它决定了内联元素的高度,还能让内联元素“垂直居中”,这里面的原理作者解释得很清楚,还有line – height的各种属性值,以及它的“大值特性”。
(六)流的破坏与保护机制
第6章讲的是流的破坏与保护。float属性就像CSS世界里的“小魔鬼”,看似简单,实际作用机制很复杂,作者从float的本质、特性,到它的作用机制,以及在流体布局中的应用都进行了讲解。float的“克星”clear属性也有详细介绍,包括clear属性是什么,它在实际使用中的一些情况。CSS世界里还有像BFC和overflow这样的“结界”,BFC的定义以及它在流体布局中的作用,overflow的剪裁界线、和滚动条的关系、依赖它的样式表现,还有和锚点定位的关系都有涉及。
第7章带大家深入了解CSS世界的层叠规则。z – index只是层叠规则里的一部分,作者从层叠上下文和层叠水平的概念讲起,让你明白元素的层叠顺序,还有必须牢记的层叠准则。
(八)强大的文本处理能力
第8章展示了CSS强大的文本处理能力。font – size和line – height、vertical-align都有着隐秘的联系,还有它和ex、em、rem的关系,关键字属性值的理解,以及font – size:0在文本隐藏方面的应用。font – family这个字体属性家族的“大家长”,包含了衬线字体、无衬线字体、等宽字体的相关知识,还有中文字体和英文名称的对应关系。
(九)元素的装饰与美化技巧
第9章主要讲元素的装饰与美化。在color方面,介绍了CSS支持的颜色关键字很少,还有一些不支持的颜色表示方式,以及系统颜色的情况。background属性也有很多细节,像隐藏元素的background – image是否加载,background – position的百分比计算方式,background – repeat对渲染性能的影响,background – attachment:fixed的特点,利用多背景属性的小技巧,还有渐变背景和rgba背景色的兼容处理。
(十)元素的显示与隐藏方法
第10章介绍元素的显示与隐藏。display和visibility这两个属性都能控制元素的显隐,但它们的原理和应用场景不一样,作者详细讲解了visibility不仅仅是保留空间这么简单,还介绍了visibility:collapse的特殊用法。
(十一)用户界面样式相关知识
第11章讲解用户界面样式。outline属性和border很像,但有自己独特的应用场景,要注意不能在全局设置outline:0 none 。cursor属性则决定了光标的样式,有各种各样的属性值,还能自定义光标。
(十二)流向改变的相关属性
第12章介绍了改变流向的属性。direction属性可以改变水平流向,它和unicode – bidi搭配使用有特殊效果。writing – mode属性则能改变CSS世界的纵横规则,介绍了它原本的作用,以及不经意间改变的一些规则,还有和direction的关系。
三、总结
《CSS世界》是一本不可多得的好书。它从前端开发者的实际需求出发,以“流”为线索,全面又深入地讲解了CSS的各种知识点。书里的实战案例超多,快速掌握CSS的精髓,有兴趣的朋友赶紧下载学习吧!