精通CSS
出版社:人民邮电出版社
出版日期:2006
ISBN:9787115153166
作者:Andy Budd
页数:212页
作者简介
本书将最有用的CSS技术汇总在一起，在介绍基本的CSS概念和最佳实践之后，讨论了核心的CSS技术，例如图像、链接、列表操纵、表单设计、数据表格设计以及纯CSS布局。每一章内容由浅入深，直到建立比较复杂的示例。之后本书用两章讨论招数、过滤器、bug和bug修复，最后由Simon Collison和Cameron Moll两位杰出的CSS设计人员，将书中讨论的许多技术组合起来，给出了两个实例研究。本书还集中介绍了现实的浏览器问题，是弥补CSS知识欠缺不可或缺的参考书。
本书适合具有(X)HTML和CSS基本知识的任何网页设计人员阅读。
内容概要
Andy Budd国际顶尖的网页设计师，著名的Web标准倡导者。他是网页设计咨询公司Clearleft（www.clearleft.com)的创意总监,曾经组织了英国首届Web2.0会议。他在Web设计方面著述甚丰，除本书外，他还曾经撰写了一本Blog设计方面的图书。
发布书评
精彩书评 (总计43条)
-
这本书非常棒....大概是我大二的时候买的因为之前我对css了解不是很深刻..只从有了这本书后,让我加深了css的认识了 -
尊敬的译者和出版商，很感谢你们可以将这么好的一本书翻译供我们学习，学习之余，我发现一个问题，这里特别提出，希望大家可以一起改进——本书的源代码code.zip中，案例一more than doodle的代码在IE 8 bete以下IE/Win版本的浏览器中，显示都有小小的错误，大家可以在 http://doodles.cssmastery.com/ 看到正确的显示，没有code.zip中提供的代码的错误。 -
还在学校时就看了这本书，因为是作为奖品发给我的恩 哈哈~~。它可以说是指导我css的启蒙恩师之一（当然最早的还是阿捷以及他的w3cn网站）。读了好多遍，每次都有收益。 网上有评价翻译的不好的——我倒是不觉得。这是我看到的翻的还算认真的书之一了。翻译，让人理解其要传达的东西就可以了，如果觉得不好的，可以去翻原版嘛，何必和译者过不去。。。
精彩短评 (总计75条)
-
翻译次了些 -
读完之后有收获 但是感觉一些细节部分不够深入 -
就翻了几页
实践才是王道 -
说起内容，绝对是没得说。
说起这本书的翻译，看得我想自杀，太痛苦了。什么翻译嘛，有时候，前后不通，强烈怀疑翻译的人是通过google翻译，然后再调整下语序，稍作修改而来的，也怀疑他是不懂css，还是翻译完后没有自己好好地看过一遍。
人民群众赚钱不容易，不能那这种翻译来忽悠人民大众的嘛，推荐看英文，至少你能活下去。
翻译让我想骂人，心里骂完后还是往后看，因为是买的书。
如果是图书馆借的，我就不保证能不能看完了。 -
作为一名css小白，刚买到这本书时，就有很强的读书欲望，一口气读了一章后发现，这本书的读者要求有一定的css基础，完全不懂css是不行的，如果你没有css基础，建议你download一本css手册，这样会帮助你学习这本书，看很多人在推荐css新手学习《别具光芒》，刚看了一下，确实要详细一些。这本书对于css进阶还是很有帮助的，对布局将的要多一些。 -
内容不错，翻译一般 -
还行，翻译够囧多扣一星 -
web前端学习交流群：528576461欢迎初学和进阶中的小伙伴 -
靠谱！ -
这本书非常棒....
大概是我大二的时候买的
因为之前我对css了解不是很深刻..
只从有了这本书后,让我加深了css的认识了 -
通过实践去理解理论知识，挺好的一本书 -
只是略读，细节了解的不多，但是能够掌握全局就行 - 感觉css最主要的就是两点，一是selector，以及各种style是如何cascade的；二就是布局，box model+position+floating。这本书还有对background, links, list, form, table这些比较重要元素的的详细介绍，还带有两个case study，比较实用。没有细读，大概了解一下，以后用到时翻阅参考即可。
学web编程其实http://www.w3schools.com/几乎所有的内容都有，的确也能帮助你了解概念，以及之后作为reference翻阅，但说到真正的学习，了解如何在实际中的灵活应用，还是无法胜任的。所以看了javascript（http://www.w3schools.com/js/default.asp）， 我需要再读一下《javascript精粹》，而看了css（http://www.w3schools.com/css/default.asp）， 再读点《精通CSS》， 的确有那么点“通”的感觉。
-
几年前写的书,现在都没过时,期待出第三版,一定买纸质书支持下 -
我是css初学者，适合用这本书么？ -
Andy Budd国际顶尖的网页设计师，著名的Web标准倡导者。他是网页设计咨询公司Clearleft（www.clearleft.com)的创意总监,曾经组织了英国首届Web2.0会议。他在Web设计方面著述甚丰，除本书外，他还曾经撰写了一本Blog设计方面的图书。
-
粗浅的看了一遍，忘了有啥内容了 -
@肉夹馍 适合的，CSS的知识上手比较快，难度较低，学习曲线在后面比较陡 -
从css的发展来说，这本书有点过时了。当基础读还是可以的。 -
讲CSS的几个使用案例，圆角还要自己实现，感觉是代码很多的那种书～～～ -
很不错的一本书。只是有本历史久远了，里面有些问题还在谈IE5。现在已经出了第二版，有想买的朋友可以买第二版，里面增加了CSS3的东西貌似。 -
还是入门书籍。 -
对于一般的界面设计设来说,看完这本书后会豁然开朗,让你的css技术更上一个台阶.
平时我们碰到的莫名其妙的问题在这本书里度能得到一一解答,特别是 IE BUG 的处理. -
这个是技术部的朋友送我的，看过之后发现，基本上的解决BUG的书，没有实例，需要有基本的CSS基础，并不太适合初学者。
总的来说还不错，就是这翻译实在是怪怪的，有的时候一句话要读上几遍才能完全理解。 -
这个...有翻译问题么...没感觉有什么困难啊... -
高级一些的工具书，初级从业人员必看。 -
初读第2遍，后半部分还不了解 -
如果是英文原版的话可以拿到8分以上的分数，不过因为这本书的出版时间太早，很多东西现在都用不着了，所以分数稍微给低了点，加上翻译的人翻译那些专有名词压根没照着标准译名对照表翻译，自己怎么方便怎么来，看得我一头雾水…总的来说还是一本不错的旧式CSS的好书。稍微翻翻就行，不用太深入看 -
好书，每章节都是步步深入地展示CSS的效果，很有借鉴作用 -
短小精悍的css工具书。注意原作是06年以前ie6时代的，所以css3内容是没有的。 -
写web页面必备的书籍，CSS方面的权威，浅显易懂，虽然页数不多，但内容却是很丰富，如果没有系统看一下的话，真的不要说自己懂CSS。 -
我没说html结构难，标签大家都懂。我只是说书中省略了html而已。 -
第九章 bug 和 bug 修复可以精读。
9.1 BUG捕捉
9.2 BUG捕捉基本知识
9.3 拥有布局
我认为：这本书的亮点，在第九章的思想部分。 -
蛮简短精练的一本书，在了对CSS一知半解的时候图书馆借的，理清了之前的蛮多疑惑，纯CSS做下拉菜单的部分印象很深，虽然用得不多以致现在差不多忘掉了 -
css3介绍的不是很多，但也是因为现在浏览器的问题吧，坑爹ie -
简单翻阅。 -
CSS入门级，可以作为辅助类的参考书，就是说光靠它来入门CSS是绝对不够的。我的CSS入门好像是靠w3c的中文网站教程入门的，那个不错，当然实践才是最好的老师。
书中整体讲解得非常细致，案例研究比较丰富。
这种译文版最好是对照一本原版在旁边看，有时翻译的意思不理解还可以看看原著的意思。
CSS bug 的修复问题方面主要侧重于IE5.x/IE6，这个现在IE8都上来了，轻松了不少，了解就可以，以后实践可能用不多。 -
翻译确实有点问题，不过确实是好书 -
内容有点老，翻译也吐槽一记，看完基本就得把原来写的页面完全推倒了。。。 -
作者经验很丰富，翻译的一般。内容有点旧了，仍是值得一看 -
读书的笔记是用Markdown写的，而这里并不支持Markdown，故只摘录一些补充内容。同样是前端小白，希望能对读这篇笔记的你有所帮助 : )
==========================================================
* DOCTYPE：浏览器根据DOCTYPE选择使用的DTD类型，参见[Activating Browser Modes with Doctype](https://hsivonen.fi/doctype/)(没看)。
* 科学的clear fix：[How To Clear Floats Without Structural Markup](http://www.positioniseverything.net/easyclearing.html)。这篇文章有点老了，不过还是能挺好的工作的。
```
.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.clearfix{
zoom: 1 /* hack for IE/Win */
}
```
* 查clear的时候，发现了这么个网站：[Learn CSS Layout](http://learnlayout.com/)(没看，Jan 30, 2013 updated，看完了，就是一些基本布局方式，对于初学者还不错~flex那部分没深入进去，现在还不太懂)
* [Can I use...](http://caniuse.com)可以用来查询一个CSS属性是不是应该被使用，被那些浏览器所支持。
* 再查clear fix，在stack overflow的[这篇](http://stackoverflow.com/questions/211383/which-method-of-clearfix-is-best)问答介绍了当前比较通用的几种clearfix，[A new micro clearfix hack](http://nicolasgallagher.com/micro-clearfix-hack/)(2011)里面介绍了另一个方法，也挺好记的。(UPD: 读了Bootstrap 3.1.0，bs用的就是这种方法，Feb 5, 2014)
```
/* For modern browsers */
.clearfix:before, .clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
zoom: 1;
}
```
* Media queries: [mediaqueri.es](http://mediaqueri.es/)里面可以看到一些使用media query的网站，可以使网页符合各类屏幕，COOL！具体CSS media queries的使用，可以看[MDN的这篇文章](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries?redirectlocale=en-US&redirectslug=CSS%2FMedia_queries)(还没看！**重要**，写Mobile应用的话必看啊。)
* Viewport: [An introduction to meta viewport and @viewport](http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/)(又一坑，还没看)
* CSS frameworks:
* **bootstrap**(well done)
* **foundation**(advanced, 有很多关注)
* Skeleton
* lesscss(less.js被用来写css)
* GroundworkCSS(also a javascript framework, rotation is amazing!)
* **gumby**(looks great)
* Compass(github, 和rails整合比较紧密)
* susy(a [Compass](http://compass-style.org/) plugin, under development)
* Kube(personal dev, but looks simple and clean)
* BlueTrip(has github repo, no documentation <-- 没细看，不了解)
* elastics（last updated: March 30, 2012）
* blueprint(last updated: May 14, 2011)
* unsemantic(grid system, has github repo)
也可以看这里：[ListOfMinimalistFrameworks](https://github.com/neiesc/ListOfMinimalistFrameworks)，这里列出了一些lightweight的框架。
* 拥有布局(have layout)
* IE众多bug的根源
* IE的显示引擎使用一个称为layout的内部概念，用于提高性能（减少开销）
* 可以通过javascript的`hasLayout()`来查看一个元素是否有布局
* 通过设置一些CSS属性，可以使元素拥有布局
* 更具体可以查查`The Internet Explorer hasLayout Property`之类的获取更多信息，或者是[On Having Layout](http://satzansatz.de/cssd/onhavinglayout.html)这篇文章。
-
蛮基础的入门书籍～ -
引入06的年第一版之后的技术,也因时代验证修正了一些以前的推荐,比如@import会导致下载渲染延迟,link链入更好;尽量减少CSS文件个数等等;
但看到更多的还是对CSS3等新技术的展望和讨论.
技术型的书的确没什么特别的评论需求不是吗....自己看完觉得"啊,好值!"就足够了.
我也很喜欢Andy叙述的方式,让一本全是代码的书显得委婉温和又不失详尽.
(但是比起这次的两个example,还是觉得第一版的那两个更可爱些,哦,那曾经小巧可人的页面哟~
とにかく,上面那是因个人喜好的玩笑啦)
顺便说一句,对于第一版备受诟病的翻译,显然这次的中文翻译很不错,不会有什么違和感,虽然还是同一个译者没记错。宽容别人少生闲气哦也。嗯,书皮终于也用墨绿色的了,这多有利视力不是吗。 -
有梦想谁都了不起 -
本书将最有用的CSS技术汇总在一起，在介绍基本的CSS概念和最佳实践之后，讨论了核心的CSS技术，例如图像、链接、列表操纵、表单设计、数据表格设计以及纯CSS布局。每一章内容由浅入深，直到建立比较复杂的示例。之后本书用两章讨论招数、过滤器、bug和bug修复，最后由Simon Collison和Cameron Moll两位杰出的CSS设计人员，将书中讨论的许多技术组合起来，给出了两个实例研究。本书还集中介绍了现实的浏览器问题，是弥补CSS知识欠缺不可或缺的参考书。 本书适合具有(X)HTML和CSS基本知识的任何网页设计人员阅读。 -
我的第一本css书。不要被它的名字吓坏，其实内容还挺基础。 -
绝对的经典，前端人员必读书籍，详尽的介绍了css的各种兼容方法，值得反复翻阅。 -
是朋友推荐的，看评价也不错，内容写的很实用，只是我没有什么基础，读起来有点吃力，缺点是没有图文并貌，我读过其他的，比这个直观，优点就是没有废话，都是常见问题解析，专家级的，值得看 -
HTML的结构很难么？各种标签的属性用时去查即可，CSS布局其实更关心class，id，div等等。 -
还不错的入门书，翻译实在是烂，这么简单的书都翻不好 -
第二版涉及到CSS3的部分,很值得学习.对自己的CSS是一个整合和提高.还有两点问题:
1.平常看资料.nav要优于li.nav,对于浏览器对选择器的选择来说.但作者好多实例代码,都会加标签名,为了什么?
2.平常看资料,@import 导入CSS也不是一个好方法,但实例代码用的是这种方式.
书中还有好多打印错误,没有找到问题反馈处,先mark吧 -
还是要看看呀，刚借的，看看吧 -
快速浏览... -
以前在学校图书馆借的看过，虽然我的CSS通过W3C打了个基础，还是觉着这本书干货很多。可惜语言不生动，知识点太多，打个四星吧。 -
介绍的很详细，一些常用方法总结的很全。最后2章的网站示例也相当不错。 -
写的很好.值得反复研读.
有些地方不够细,毕竟书很薄..
至于翻译的好坏,大家既然都知道是什么意思,批评显的也不必要了吧.
-
第一版已经是经典了，距离现在有好几年，上个星期去图书馆发现已经进了第二版，封面换新了，里面的内容也更新了很多。有做修改，有添加了很多css3的内容。一些比较老久的方法、思想已经去除了。总的来说，前端开发必读书目之一。 -
我看到的是第二版，虽然是10年的书，但是确实是本不错的书，讲了很多平时不怎么注意的技巧。推荐 -
看完我也没有精通CSS呀！ -
我很多CSS的内容都是在这本书里接触到的 -
对于一个初级学习者而言，收获很大啊 -
毕竟是06年的书了，有些东西已经过时了……
看完最大的感触：IE不愧是业界毒瘤啊！ -
讲授的技术很多都不是我知道的，让我受益良多 -
很好的前端开发书籍 -
第一版的CSS经典，现在有第二版了。 -
我是一个计算机专业的学生，但是一直都接触的是后台的编码，始终没有了解过HTML/CSS/JavaScript。因此我连表单使用<form>标签也不知道，CSS也只晓得是用来排版布局的。
看了有人推荐这本书作为CSS的入门学习（同时还有另一本作为JavaScript入门学习，可惜图书馆里没有），于是跑去图书馆里借回来看了。
看了一遍，觉得实在是一本好书，强推计算机相关专业的同学作为入门书。（至于其他专业的同学，不晓得他们有没有一种“语言”的快速学习感，不敢推荐）
本书有一下特点：
1、以标准的视觉看待网页布局
开篇就是介绍DOCTYPE类型与各种浏览器，后续的各种CSS知识也时刻注意到浏览器之别，能够给出避免各种兼容性的指导。作者对CSS的知识也很深刻，用那些属性影响什么讲述得一清二楚，十分透彻。
2、CSS技巧简洁精练
话说看书的时候我正尝试着给一个<table>布局美化。首先放狗搜索了一个挺漂亮的CSS，淡边粗标题还有字体、偏移等。后来看到第六章有关表格样式，才发现书中提到的8行的CSS，实现了那个来自网上的约40行的CSS的大部分效果！！OMG。。。这才是强大的经验总结啊。。。
3、讲述灰常透彻
这本书是从图书馆借的，她的第一次自然不是我占有的。书上就有不少“前人”的笔记。其中一个，是34页最后一行对“<div class="clear"></div>"的注解：”终于明白了！！“他明白了什么，恐怕不需要我多讲，我想讲的是作者对于如何clear提出了多种办法（我就喜欢.clear:after这种”高级“的），每一种都说的清清楚楚。
4、手法颇多
本书还有两位副作者，分别负责最后两章的实例。有趣的是，这俩个作者有着他们爱用的手法，实现某个布局/样式常常使用与前文Andy主要介绍的手法有所不同（实际上介绍了很多种手法）。“百家争言”估计就是这种多作者的书的特点吧。
一些不足：
1、内容选材
本书讲述纯粹的CSS，然而实际的网页都是CSS和JavaScript结合的。当然心领神会的同学自然能够举一反三，或者能够从JavaScript入门书中得到指导，因此这也不算是缺点。
2、有关翻译。
我个人觉得翻译的质量还是很高的，普遍有争议的“hacks”翻译成“招数”，我也觉得挺好的（这词见得多了，一直都想不到其中文。另外一个"issue"翻译成“争端”也挺有趣的）。其他一些翻译如“流式布局”还是“流体布局”，还是留给专业人士争论吧，我是入门的，只管了解只管用。。。
3、时效性/地域性问题。
CSS的版本在不断提升，CSS 3 也有许多有趣的特性。本书完全没有介绍，只能归咎于书写得太早了，那是CSS 3还没端倪呢。。。另外，中国的网页特别需要考虑字体/行距/行宽等问题，本书也没提。因为作者是外国人唉。。。
总结：入门/提高的必备书籍。
PS：现在开始喜欢用firebug偷偷看别人网页的CSS布局了，唉，怎么好呢。。。。 -
优秀的CSS入门书籍。 -
有点css基础的力荐读这本书。解决很多工作中的困惑。 -
看过很好的一本入门书~！~ -
技术是跟时代同行的，所以当我看到此书还在讲关于ie5版本的hack技术时，感觉没多大意思。至于其他的技术讲解时html结构给省略了，如果是个新手肯定不知道具体说的是什么结构，看的雾里云里的。再就是翻译的人四级没过，水平很烂，看得我纠结的。 -
书是08年3月份看的。那时正在摸索着CSS，看过好几本书，也在网上看别人写的样式，但有些疑问，令我迷惑。自己动手写些效果，却总有一些偏差！在这些铺垫之后，看了这本书，有种恍然大悟的感觉。迷惑于我的原本就是自己在理解上的不到位啊！
这本书，不光告诉你要怎么做，更是让你知道了为什么要这样做。翻译上是有点遗憾，英文好的就不用买了直接看原版吧，英文一般的可以到网上下个原版结合着看。
现在回过头来看这本书，依旧觉得是值得推荐的。 -
推荐有志想从事前端的人看一看，虽然翻译的很烂，但原著确实是难得一见的好书，大家可以参考着英文版原著一起看；虽然有些hack已经过时，但对弄明白浏览器渲染原理还是很有帮助的 -
说盒子模型简直就是网上的文档啊，一模一样，谁抄谁啊 -
书本的排版太难看了，和课本《C语言程序设计》一个出版社，不如《CSS禅意花园》和《超越CSS》好看。。。内容涉及到兼容性，挺全面的，像教科书，不过有点枯燥。 -
源代码。咳咳。 -
书是好书，就是太旧，跳着飞速读完。