具体描述
内容简介:
打造现代布局的专业技术
本书远非只是介绍基础知识,它不仅全面细致地讲解布局与效果,而且展望了HTML5和CSS3的未来。业内很少有人能像Eric A. Meyer一样详细阐明CSS,他在本书中深入分析了普遍适用的实用技术,讲解了如何选用正确的工具、如何通过jQuery使用CSS效果和CSS3技术。
本书主要内容如下:
显示或隐藏元素
通过XHTML为body或html元素设置背景
超过15种布局技巧,包括清除浮动、两栏/三栏布局、伪造栏布局、“唯一布局”、Holy Grail、基于em的布局、流式网格、固定页脚等
各种CSS效果,包括CSS弹出框、框冲切、圆角、CSS精灵、滑动门、流式漂白、参差浮动等
应用CSS表样式,包括使用表头、主体、脚注、行标题、面向列的样式、表的映射和图形化等
使用CSS3元素、多背景支持、RGBA,以及通过jQuery执行CSS3选取操作等
本书适合具有一定的CSS和JavaScript使用经验的Web开发人员学习参考。
作者简介
作者介绍:
Eric A. Meyer
国际公认的HTML、CSS、Web标准方面的专家,自1993年开始从事与Web设计与开发相关的工作。著有《Eric Meyer谈CSS(卷1)》和《Eric Meyer谈CSS(卷2)》。
目录信息
第一部分 基本原理
第1章 工具 2
1.1 Firebug 2
1.2 Web Developer Toolbar 8
1.3 IE开发者工具栏 13
1.4 Dragonfly(Opera浏览器) 16
1.5 Web检查器(Safari浏览器) 20
1.6 XRAY 22
1.7 SelectORacle 23
1.8 诊断样式表 24
1.9 重启样式表 26
1.10 IE9.JS 29
第2章 选择器 31
2.1 伪类与伪元素 31
2.2 为目标元素添加样式 33
2.3 特殊性 34
2.4 重要性 35
2.5 省略简写属性值的关键词时会发生
什么 36
2.6 选择性地覆盖简写属性 37
2.7 通用选择 39
2.8 ID还是类 40
2.9 ID与类共用 42
2.10 多类 42
2.11 简单的属性选择 43
2.12 类的属性选择 45
2.13 ID还是属性选择器 46
2.14 部分属性值选择 47
2.15 更多部分属性值选择 48
2.16 选择后代元素 50
2.17 模拟部分子选择 51
2.18 兄弟选择 52
2.19 生成内容 54
第二部分 核心技术
第3章 提示 58
3.1 验证 58
3.2 调整字体值的顺序 59
3.3 玩转行高 60
3.4 无单位的行高值 61
3.5 避免缺少样式的边框值 62
3.6 使用颜色控制边框外观 62
3.7 抑制元素的显示 64
3.8 抑制元素的可见性 65
3.9 将元素移出屏幕 66
3.10 图像替换 68
3.11 打印样式 70
3.12 开发打印样式 71
3.13 块级链接 72
3.14 外边距还是内边距 73
3.15 凸排列表 75
3.16 为列表添加标记 76
3.17 通过背景实现列表标记 77
3.18 生成列表标记 79
3.19 不可不知的容器 81
3.20 文档背景 84
3.21 服务器特定的CSS 85
第4章 布局 88
4.1 用轮廓代替边框 88
4.2 居中块状框 90
4.3 通过溢出遏制浮动 93
4.4 通过浮动遏制浮动 95
4.5 清除浮动 96
4.6 相邻清除 98
4.7 简单的两栏布局 99
4.8 简单的三栏布局 100
4.9 伪造栏布局 103
4.10 流式漂白布局 106
4.11 唯一布局 109
4.12 Holy Grail 113
4.13 流式网格 117
4.14 基于em的布局 121
4.15 文档流中的负外边距 124
4.16 在特定的上下文中使用定位 127
4.17 将元素推出包含块 128
4.18 固定的页头和页脚 131
第5章 效果 134
5.1 复杂的螺旋 134
5.2 CSS弹出框 138
5.3 CSS菜单 140
5.4 框冲切 142
5.5 CSS3预备圆角 145
5.6 CSS3圆角 148
5.7 CSS精灵 150
5.8 滑动门 152
5.9 裁切的滑动门 155
5.10 CSS视差 157
5.11 参差浮动 160
5.12 更好的参差浮动 163
5.13 图像的框 166
5.14 受限的图像 168
第三部分 前沿技术
第6章 表格 172
6.1 表头、主体和脚注 172
6.2 行标题 175
6.3 面向列的样式 176
6.4 表的映射 180
6.5 表的图形化 186
第7章 可预见的未来 194
7.1 为HTML 5应用样式 194
7.2 像HTML 5一样给类命名 196
7.3 媒体查询 197
7.4 为特定的子元素应用样式 201
7.5 为特定的列应用样式 205
7.6 RGB alpha颜色 207
7.7 HSL颜色和HSL alpha颜色 208
7.8 阴影样式 210
7.9 多背景 212
7.10 二维变换 216
· · · · · · (收起)
读后感
里头很多经典的css技术,其实《精通CSS:高级Web标准解决方案》中都有了。虽然这本书自诩是2012年出版的,但是书的完稿时间是2010年8月,以咱们前端发展的速度来说其中有些技术已经过时了,如以多四个标签来做圆角的技术,蛋疼的技术早被浏览器的发展取代了。但是读了这边书,至...
里头很多经典的css技术,其实《精通CSS:高级Web标准解决方案》中都有了。虽然这本书自诩是2012年出版的,但是书的完稿时间是2010年8月,以咱们前端发展的速度来说其中有些技术已经过时了,如以多四个标签来做圆角的技术,蛋疼的技术早被浏览器的发展取代了。但是读了这边书,至...
看了2,3天,给我的感觉如下: + : 1.纸张不错 2.提供了很多有用的设计技巧和细节处理的问题,具体可以再目录中查到 -: 我只说一点: 向来中国人翻译的技术书籍都不敢恭维,更何况是一个无名小卒翻译的, 文中许多语句都读起来不大通顺,理解起来异常吃力。 建议英语熟练的朋友...
看了2,3天,给我的感觉如下: + : 1.纸张不错 2.提供了很多有用的设计技巧和细节处理的问题,具体可以再目录中查到 -: 我只说一点: 向来中国人翻译的技术书籍都不敢恭维,更何况是一个无名小卒翻译的, 文中许多语句都读起来不大通顺,理解起来异常吃力。 建议英语熟练的朋友...
里头很多经典的css技术,其实《精通CSS:高级Web标准解决方案》中都有了。虽然这本书自诩是2012年出版的,但是书的完稿时间是2010年8月,以咱们前端发展的速度来说其中有些技术已经过时了,如以多四个标签来做圆角的技术,蛋疼的技术早被浏览器的发展取代了。但是读了这边书,至...
用户评价
说实话,刚拿到《精彩绝伦的CSS》这本书的时候,我并没有抱太大的期望,因为市面上关于CSS的书籍实在太多了,大部分都停留在基础的语法介绍和一些简单的效果展示。但是,当我翻开这本书的扉页,我就被它深深吸引住了。它不是一本告诉你“怎么做”的书,而是一本引导你“为什么这么做”的书。它用一种非常哲学的方式来探讨CSS,让我开始反思自己过去的一些CSS编写习惯。书中对CSS的各种属性和特性的讲解,都不仅仅停留在表面,而是深入到背后的原理,让你真正理解它们的工作机制。我特别喜欢其中关于CSS权重和层叠顺序的章节,它把一个看似简单的问题剖析得非常透彻,并且给出了很多实用的建议,帮助我避免了很多不必要的样式冲突。而且,这本书还非常注重CSS的可维护性和可扩展性,它分享了许多关于CSS架构、命名规范以及如何编写易于维护的代码的经验。读完这本书,我感觉自己对CSS的理解不仅仅是停留在“会用”的层面,而是达到了“精通”甚至“融会贯通”的境界。它让我能够更加自信地去处理复杂的CSS问题,并且能够写出更加优雅、高效、可维护的代码。
我必须说,《精彩绝伦的CSS》这本书的深度和广度都超出了我的预期。作为一个多年的前端开发者,我自诩对CSS已经相当熟悉,但这本书还是给了我很多惊喜。我最喜欢的部分是书中关于CSS布局模型的发展历程和不同模型的比较分析。它没有仅仅罗列Flexbox和Grid的语法,而是详细讲解了它们诞生的背景,解决了传统布局方式的哪些痛点,以及它们各自的优势和适用场景。我尤其对书中关于Grid布局的讲解印象深刻,那些复杂的二维布局在它的解释下变得清晰明了,甚至让我开始重新审视之前一些不得不通过 hack 方式解决的布局问题。此外,书中对于CSS in JS、CSS Modules等现代CSS解决方案的探讨也十分到位,它不仅介绍了这些方案的优点,还分析了它们可能带来的权衡和挑战,让我能够根据实际项目需求做出更明智的选择。这本书的语言风格非常专业且富有启发性,不会让人觉得枯燥乏味,反而像是在听一场精彩的讲座。我感觉这本书不仅仅是教我如何写CSS,更是在教我如何“思考”CSS,如何用更高效、更灵活、更具扩展性的方式来构建Web界面的样式。它让我对CSS这门语言的理解,从“知道”升级到了“精通”,并且还为我指明了未来学习的方向。
《精彩绝伦的CSS》这本书,怎么说呢,我本来是对CSS抱有一些先入为主的看法,觉得它就是用来做点网页美化的,大概就是调整个颜色、字号、边框什么的,顶多再做些动画效果,但自从我翻开了这本书,我的世界观可以说被彻底颠覆了。它不仅仅是在教你如何使用CSS,更是在引导你如何“思考”CSS。书中对每一个属性的讲解都详尽入微,绝非简单的“是什么、怎么用”,而是深入到“为什么这样用”、“这样用的背后原理是什么”、“还有哪些更优雅的替代方案”。我记得有一段讲到盒模型的时候,它并没有止步于margin, padding, border, content这几个基本属性,而是花了大量篇幅去解释content-box和border-box的区别,以及它们在实际布局中可能带来的细微但关键的差异。更让我惊叹的是,书中还穿插了许多关于CSS历史演变和未来发展趋势的讨论,让我对这门技术有了更宏观的认识。我甚至发现,很多我之前在实际开发中遇到的疑难杂症,在这本书里都能找到清晰且富有洞察力的解答。它就像一个经验丰富的老者,不仅传授知识,更传递一种解决问题的思维方式。这本书的结构安排也十分合理,循序渐进,从基础到高级,从理论到实践,每一步都走得踏实而有力。读完之后,我感觉自己对CSS的理解,已经达到了一个新的高度,甚至对以前那些所谓的“CSS技巧”都有了更深的理解,知道它们是如何产生的,以及在什么场景下是最适合的。
这本《精彩绝伦的CSS》真的是让我眼前一亮,我一直以为我对CSS的掌握已经算是炉火纯青了,能够应对绝大多数的页面布局和样式需求,但这本书却像打开了一扇全新的大门。它所探讨的不仅仅是CSS的语法本身,更是CSS的“哲学”。比如,书中有一章专门讨论了CSS的性能优化,这部分内容是我之前非常欠缺的,它不仅仅提供了几种常见的优化方法,还深入分析了浏览器渲染的机制,让你理解为什么这些优化方法是有效的,以及在不同场景下应该优先考虑哪些。我之前一直对一些复杂的选择器用法感到困惑,觉得它们只是为了实现某个效果而硬生生堆砌的,但在这本书里,我看到了对这些选择器背后逻辑的清晰梳理,原来它们是可以如此优雅和高效地被运用。尤其是关于CSS预处理器和后处理器的一些深入讨论,让我对模块化、可维护的CSS代码有了全新的认识。书中还分享了许多在实际项目中遇到的经典案例,并对这些案例的CSS解决方案进行了详细的剖析,让我受益匪浅。我曾经以为CSS是一门“感觉”大于“理性”的学科,但这本书用严谨的逻辑和丰富的实例证明了,CSS同样可以被系统地学习和深入地理解。它让我从一个“调色师”真正变成了一个“架构师”,能够从更高的层面去思考页面的样式和布局。
《精彩绝伦的CSS》这本书,让我对CSS的看法有了翻天覆地的改变。我之前一直认为CSS是一门相对“随意”的学科,很多效果的实现都依赖于经验和一些“黑魔法”,但这本书彻底颠覆了我的认知。它以一种非常系统和严谨的方式,将CSS的方方面面都剖析得淋漓尽致。我印象最深刻的是书中关于CSS动画和过渡的章节,它并没有简单地罗列各种动画属性,而是深入讲解了动画的原理,以及如何通过CSS动画实现流畅、自然的交互效果。我甚至发现,一些我之前认为只能通过JavaScript才能实现的动画效果,通过CSS也能轻松实现,而且性能更佳。这本书还非常注重CSS的语义化和可访问性,它教我如何写出既美观又符合标准的代码,这对我来说是非常宝贵的经验。而且,书中还探讨了CSS在响应式设计中的应用,以及如何利用CSS Grid和Flexbox等现代布局技术,构建出适应各种屏幕尺寸的优雅界面。读完这本书,我感觉自己对CSS的掌握程度有了质的飞跃,我不再是那个只会“调颜色”的前端工程师,而是一个能够从容应对各种CSS挑战的“全能战士”。
基本都是过时的技术了……估计只有我厂这种还要一定能兼容IE6的或许可以看看……
信息量丰富,对于一些CSS处理方式很有启发。
CSS的各种实用技术。非常赞。
那个css菜单那一节印象很深刻..
看不大下去。