CSS核心技术详解

出版者:电子工业出版社

作者:肖志华

页数:328

出版时间:2017-6

价格:59

装帧:平装

isbn号码:9787121313301

具体描述

《CSS核心技术详解》共分13章，第1章主要解答CSS中常见的问题，以及常用的技巧。第2～6章讲解了CSS的核心技术，其中第2章是最为核心的内容，相对于其他章节理解起来会比较难一点。第3～6章主要介绍案例，配合第2章阅读会轻松很多。《CSS核心技术详解》每个章节都是独立的，因此如果某些章节看不懂，可以暂且跳过，先阅读其他章节。第7～13章讲解关于CSS 3的内容。

《CSS核心技术详解》内容精练、实例丰富、通俗易懂，可作为广大CSS设计人员和前端开发人员的参考书，同时也非常适合大中专院校师生学习阅读。

目录信息

第1章 遇见未知的CSS / 1
1.1 在CSS中会遇到的问题 / 1
1.1.1 CSS层叠规则 / 3
1.1.2 CSS的命名 / 5
1.2 CSS的一些技巧 / 6
1.2.1 使用pointer-events控制鼠标事件 / 6
1.2.2 玩转CSS选择器 / 8
1.2.3 利用padding实现元素等比例缩放 / 11
1.2.4 calc函数 / 14
1.3 隐藏元素 / 18
第2章 CSS核心概念 / 23
2.1 CSS解析规则 / 23
2.2 替换元素与非替换元素 / 28
2.3 属性值的计算规则 / 28
2.4 可视化格式模型 / 30
2.5 包含块 / 31
2.6 控制框 / 38
2.7 格式化上下文BFC、IFC / 40
2.7.1 从overflow清除浮动看BFC（块格式化上下文） / 40
2.7.2 块级格式化上下文BFC / 45
2.7.3 折叠外边距 / 54
2.7.4 行内格式化上下文IFC / 58
2.7.5 行高的计算 / 61
第3章 CSS单位究竟来自何方 / 67
3.1 百分比究竟为谁 / 67
3.2 探索auto密码 / 82
3.3 设计响应式网页rem / 93
3.4 vw、vh、vmin、vmax基于视口单位 / 97
3.5 什么是ch / 102
3.6 min、max的巧妙运用 / 104
3.7 一个none引出的大学问 / 106
第4章 那些年我们一起定位过的元素 / 108
4.1 定位的特点 / 108
4.1.1 定位之absolute篇 / 109
4.1.2 定位之relative篇 / 113
4.1.3 当定位遇到定位 / 117
4.1.4 定位之fixed篇 / 121
4.1.5 偶遇定位bug，才知定位的真理 / 122
4.1.6 定位之static篇 / 129
4.2 透彻研究定位隐藏的秘密 / 130
4.3 总结 / 140
第5章 元素的七十二变——元素转换 / 142
5.1 display介绍 / 142
5.2 大块头——block / 142
5.3 我们一起站一排——inline / 143
5.4 inline和block的结合体——inline-block / 149
5.5 行内和块的烦恼 / 152
5.6 dispaly的一些其他属性 / 155
5.7 总结 / 159
第6章 浮动趣事 / 160
6.1 浮动简介 / 160
6.2 浮动的特点 / 161
6.3 浮动的秘密 / 167
6.4 实现任意形状的文字环绕 / 173
6.5 总结 / 188
第7章 再不学这些选择器就老了 / 189
7.1 那些被遗忘的选择器 / 189
7.1.1 相邻兄弟选择器 / 189
7.1.2 利用hover实现一个下拉菜单 / 192
7.1.3 利用active做一个集能量 / 194
7.1.4 用first-letter选中第一个字 / 195
7.1.5 用first-line选择首行文字 / 197
7.2 模拟父级选择器 / 199
7.3 强大的新选择器 / 200
第8章 CSS图标制作 / 210
8.1 隐藏在边框中的秘密 / 210
8.2 边框的烦恼 / 212
8.3 边框的孪生兄弟——outline / 215
8.4 纯CSS图标制作 / 220
第9章 你今天换背景了吗 / 232
9.1 对背景属性的深入探索 / 232
9.2 新增的背景功能 / 237
9.2.1 改变背景原点——background-origin / 237
9.2.2 背景裁剪——background-clip / 239
9.2.3 设置背景图片大小——background-size / 243
9.3 总结 / 245
第10章 让文字更美一些 / 246
10.1 制作非主流文字 / 247
10.2 新增的文字对齐属性 / 250
10.2.1 文字两端对齐 / 250
10.2.2 末尾文本对齐 / 252
10.2.3 文本书写模式 / 257
10.3 关于文字的一些其他属性 / 259
10.3.1 将超出宽度的文字隐藏 / 259
10.3.2 字母转换大小写 / 262
10.4 总结 / 263
第11章 内容生成技术——用CSS来计数 / 264
11.1 伪元素 / 264
11.2 CSS计数器 / 265
11.3 content的其他用途 / 272
11.4 总结 / 273
第12章 解决让人头疼的布局 / 274
12.1 制作可自适应的布局 / 274
12.1.1 左侧固定、右侧自适应的布局 / 274
12.1.2 右侧固定、左侧自适应的布局 / 276
12.1.3 多列文字垂直居中 / 278
12.2 利用伸缩盒模型进行布局 / 283
12.2.1 伸缩盒模型基础 / 285
12.2.2 伸缩盒模型进阶 / 296
12.2.3 伸缩盒模型实战 / 299
第13章 飞越CSS / 303
13.1 CSS最佳实践 / 303
13.2 纯CSS的世界 / 307
13.2.1 利用checked选择器实现tab切换 / 308
13.2.2 利用:target选择器实现遮罩层效果 / 310
13.2.3 scaleY配合animation制作loading / 311
13.2.4 利用hover实现手风琴效果 / 313
13.2.5 利用checked选择器制作星星评分 / 314
13.2.6 使用flex伸缩盒模型实现瀑布流布局 / 316
13.3 结束语 / 318
· · · · · · (收起)

用户评价

这本书的排版和设计简直是业界良心！我特意对比了好几本市面上主流的前端技术书籍，这本书在视觉体验上绝对是佼佼者。纸张的质感非常舒服，不是那种廉价的、反光的纸张，即使用强光下阅读，眼睛也不会感到疲劳。更让我惊喜的是，很多复杂的代码示例和图表，它的配色方案都经过了深思熟虑，既保持了专业性，又避免了视觉上的混乱。特别是它对一些布局结构的解释，不是简单地堆砌文字，而是通过精妙的结构图来呈现，一下子就把那些绕来绕去的设计理念清晰地展现出来了。我甚至觉得，光是翻阅这本书的过程，就是一种享受，它仿佛在无声地告诉我，好的设计不仅仅是表面的东西，更是内在逻辑和用户体验的完美结合。很多技术书籍往往为了追求内容深度而牺牲了阅读体验，但这本让我看到了平衡的艺术。那种拿到手中爱不释手的感觉，真的很少在一本技术书籍上体会到。如果你是一个对细节有要求，并且愿意花时间沉浸在技术美学中的开发者，这本书的装帧绝对能让你感到物超所值。

这本书的知识点组织逻辑简直是教科书级别的！我通常在阅读技术书籍时，会遇到一个常见的问题：作者似乎总是急于展示最新的、最炫酷的技术，导致基础概念被一笔带过，或者知识点之间跳跃性太大，让人难以建立起完整的知识体系。然而，这本书的叙述方式非常平稳且扎实。它从最底层的概念开始，层层递进，每深入一层都会用非常具体的、贴近实际业务场景的案例来巩固前一层的知识。例如，在讨论到某一特定属性的兼容性处理时，作者没有直接给出解决方案，而是先回溯了该属性在不同浏览器历史版本中的演变过程，这种“知其然，更知其所以然”的讲解方式，极大地增强了我对该技术掌握的牢固程度。读完一章，我感觉自己不是“学会了一个技巧”，而是“理解了一个体系的运作原理”。这种对知识的“去碎片化”处理，对于我们这些需要长期维护复杂项目的前端工程师来说，价值无可估量。我甚至开始反思自己过去学习技术时的囫囵吞枣，这本书正在帮我重塑一个更科学的学习路径。

这本书最让我感到震撼的，是它对“兼容性”和“未来趋势”的平衡把握。在前端领域，新标准层出不穷，很多书籍要么是过于保守，只谈论已被广泛支持的旧技术，要么是过于激进，将大量尚未成熟的实验性特性当作主流来宣传。这本书在这方面拿捏得极其到位。它清晰地划分了“生产环境的稳定基线”和“未来可期的前沿探索”两个维度。对于每一个新特性，作者都会用一个直观的表格或图示来展示其浏览器支持现状和未来的迁移路线图。我不再需要花大量时间去查阅MDN或其他兼容性网站来交叉验证。更重要的是，作者在介绍新特性时，总是会附带一句警示：“在广泛应用前，请考虑以下潜在的性能陷阱或设计模式的演变。”这种成熟、审慎的态度，让我对书中传授的知识充满了信任感。它不仅仅教会我如何使用技术，更教会我如何以一个负责任的开发者的身份去审视和引入技术。这本书，是技术成熟度管理的一面镜子。

我必须说，这本书在处理工具链和生态系统集成方面的内容，展现出了令人赞叹的前瞻性和实用性。许多技术书籍只停留在讲解核心技术本身，一旦涉及到实际部署和构建流程，内容就会变得过时或过于笼统。但这本书很巧妙地融入了当前主流构建工具链的配置理念，而且讲解的不是如何简单地使用某个工具，而是如何理解这些工具背后的原理，以及如何根据项目需求定制化它们。例如，在提到模块打包策略时，作者并未仅仅停留在Webpack或Vite的配置参数上，而是深入探讨了Tree Shaking和Code Splitting的底层机制，并指导读者如何在不同场景下权衡性能与开发体验。这种与时俱进的视角，使得这本书在短时间内不会迅速贬值。我感觉这本书更像是一个活的知识库，它教我如何“钓鱼”，而不是直接给我一条“鱼”，这才是长期学习的王道。购买这本书，感觉像是买了一张通往行业前沿的长期入场券。

这本书的作者显然是一个深谙“代码即语言”哲学的实践者。我非常欣赏作者在讲解高级特性时，那种毫不避讳地展示“坏代码”和“好代码”对比的做法。这比那些只展示完美示例的书籍要真实得多。在介绍某一复杂效果的实现时，作者先用了一种常见但效率低下的方式来写出初始代码，然后耐心地逐行分析其性能瓶颈和维护难度，接着再逐步优化，直到呈现出优雅且高效的最终版本。这种“问题-分析-解决”的结构，让我仿佛置身于一个资深的Code Review现场，学到的不仅仅是语法，更是工程思维。尤其让我印象深刻的是，作者在处理异步流程控制的部分，他用一种近乎诗意的语言描述了“阻塞”与“非阻塞”带来的心智负担差异。这种对编码哲学的探讨，远远超出了普通技术手册的范畴，它触及了优秀软件构建的核心精神。对于正在努力从“码农”向“工程师”转型的读者，这本书提供了宝贵的思维训练。

图书馆借的新书，还不错，就是感觉章节划分不明显，好像是零碎的技术拼接起来的一样。

图书馆借的新书，还不错，就是感觉章节划分不明显，好像是零碎的技术拼接起来的一样。

图书馆借的新书，还不错，就是感觉章节划分不明显，好像是零碎的技术拼接起来的一样。

恩，怎么说呢，我是个初学自学者，看过之后觉得此书适合有一定基础的人看看，当温习。不建议新手入门看这本，因为新手看的话会觉得云里雾里，很多元素在初学中是没有接触过的，掌握的比较慢。

少部分内容比较不错，例如对BFC的讲解。但是大部分内容都很鸡肋，章节的内容也很凌乱，不太推荐