精通CSS

出版时间：2006  出版社：人民邮电出版社  作者：Andy Budd  译者：陈剑瓯  
Tag标签：无  

内容概要

本书将最有用的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设计方面的图书。

用户评论 (总计25条)

•   　　Andy Budd国际顶尖的网页设计师，著名的Web标准倡导者。他是网页设计咨询公司Clearleft（www.clearleft.com)的创意总监,曾经组织了英国首届Web2.0会议。他在Web设计方面著述甚丰，除本书外，他还曾经撰写了一本Blog设计方面的图书。
  　　
  　　
•   　　读书的笔记是用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)这篇文章。
  　　
•   　　第二版涉及到CSS3的部分,很值得学习.对自己的CSS是一个整合和提高.还有两点问题:
  　　1.平常看资料.nav要优于li.nav,对于浏览器对选择器的选择来说.但作者好多实例代码,都会加标签名,为了什么?
  　　
  　　2.平常看资料,@import 导入CSS也不是一个好方法,但实例代码用的是这种方式.
  　　书中还有好多打印错误,没有找到问题反馈处,先mark吧
•   　　本书将最有用的CSS技术汇总在一起，在介绍基本的CSS概念和最佳实践之后，讨论了核心的CSS技术，例如图像、链接、列表操纵、表单设计、数据表格设计以及纯CSS布局。每一章内容由浅入深，直到建立比较复杂的示例。之后本书用两章讨论招数、过滤器、bug和bug修复，最后由Simon Collison和Cameron Moll两位杰出的CSS设计人员，将书中讨论的许多技术组合起来，给出了两个实例研究。本书还集中介绍了现实的浏览器问题，是弥补CSS知识欠缺不可或缺的参考书。　　本书适合具有(X)HTML和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》， 的确有那么点“通”的感觉。
  　　
  　　
  　　
•   　　第一版已经是经典了，距离现在有好几年，上个星期去图书馆发现已经进了第二版，封面换新了，里面的内容也更新了很多。有做修改，有添加了很多css3的内容。一些比较老久的方法、思想已经去除了。总的来说，前端开发必读书目之一。
•   　　说起内容，绝对是没得说。
  　　说起这本书的翻译，看得我想自杀，太痛苦了。什么翻译嘛，有时候，前后不通，强烈怀疑翻译的人是通过google翻译，然后再调整下语序，稍作修改而来的，也怀疑他是不懂css，还是翻译完后没有自己好好地看过一遍。
  　　人民群众赚钱不容易，不能那这种翻译来忽悠人民大众的嘛，推荐看英文，至少你能活下去。
  　　翻译让我想骂人，心里骂完后还是往后看，因为是买的书。
  　　如果是图书馆借的，我就不保证能不能看完了。
•   　　很不错的一本书。只是有本历史久远了，里面有些问题还在谈IE5。现在已经出了第二版，有想买的朋友可以买第二版，里面增加了CSS3的东西貌似。
•   　　引入06的年第一版之后的技术,也因时代验证修正了一些以前的推荐,比如@import会导致下载渲染延迟,link链入更好;尽量减少CSS文件个数等等;
  　　但看到更多的还是对CSS3等新技术的展望和讨论.
  　　
  　　技术型的书的确没什么特别的评论需求不是吗....自己看完觉得"啊,好值!"就足够了.
  　　我也很喜欢Andy叙述的方式,让一本全是代码的书显得委婉温和又不失详尽.
  　　(但是比起这次的两个example,还是觉得第一版的那两个更可爱些,哦,那曾经小巧可人的页面哟~
  　　とにかく,上面那是因个人喜好的玩笑啦)
  　　
  　　顺便说一句,对于第一版备受诟病的翻译,显然这次的中文翻译很不错,不会有什么違和感,虽然还是同一个译者没记错。宽容别人少生闲气哦也。嗯,书皮终于也用墨绿色的了,这多有利视力不是吗。
•   　　作为一名css小白，刚买到这本书时，就有很强的读书欲望，一口气读了一章后发现，这本书的读者要求有一定的css基础，完全不懂css是不行的，如果你没有css基础，建议你download一本css手册，这样会帮助你学习这本书，看很多人在推荐css新手学习《别具光芒》，刚看了一下，确实要详细一些。这本书对于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布局了，唉，怎么好呢。。。。
•   　　技术是跟时代同行的，所以当我看到此书还在讲关于ie5版本的hack技术时，感觉没多大意思。至于其他的技术讲解时html结构给省略了，如果是个新手肯定不知道具体说的是什么结构，看的雾里云里的。再就是翻译的人四级没过，水平很烂，看得我纠结的。
•   　　对于一般的界面设计设来说,看完这本书后会豁然开朗,让你的css技术更上一个台阶.
  　　平时我们碰到的莫名其妙的问题在这本书里度能得到一一解答,特别是 IE BUG 的处理.
•   　　书是08年3月份看的。那时正在摸索着CSS，看过好几本书，也在网上看别人写的样式，但有些疑问，令我迷惑。自己动手写些效果，却总有一些偏差！在这些铺垫之后，看了这本书，有种恍然大悟的感觉。迷惑于我的原本就是自己在理解上的不到位啊！
  　　这本书，不光告诉你要怎么做，更是让你知道了为什么要这样做。翻译上是有点遗憾，英文好的就不用买了直接看原版吧，英文一般的可以到网上下个原版结合着看。
  　　现在回过头来看这本书，依旧觉得是值得推荐的。
•   　　 这个是技术部的朋友送我的，看过之后发现，基本上的解决BUG的书，没有实例，需要有基本的CSS基础，并不太适合初学者。
  　　 总的来说还不错，就是这翻译实在是怪怪的，有的时候一句话要读上几遍才能完全理解。
•   　　CSS入门级，可以作为辅助类的参考书，就是说光靠它来入门CSS是绝对不够的。我的CSS入门好像是靠w3c的中文网站教程入门的，那个不错，当然实践才是最好的老师。
  　　书中整体讲解得非常细致，案例研究比较丰富。
  　　这种译文版最好是对照一本原版在旁边看，有时翻译的意思不理解还可以看看原著的意思。
  　　CSS bug 的修复问题方面主要侧重于IE5.x/IE6，这个现在IE8都上来了，轻松了不少，了解就可以，以后实践可能用不多。
•   　　第九章 bug 和 bug 修复可以精读。
  　　9.1 BUG捕捉
  　　9.2 BUG捕捉基本知识
  　　9.3 拥有布局
  　　
  　　我认为：这本书的亮点，在第九章的思想部分。
•   　　这本书非常棒....
  　　大概是我大二的时候买的
  　　因为之前我对css了解不是很深刻..
  　　只从有了这本书后,让我加深了css的认识了
•   　　写的很好.值得反复研读.
  　　有些地方不够细,毕竟书很薄..
  　　至于翻译的好坏,大家既然都知道是什么意思,批评显的也不必要了吧.
  　　
•   还是要看看呀，刚借的，看看吧
•   我是css初学者，适合用这本书么？
•   @肉夹馍 适合的，CSS的知识上手比较快，难度较低，学习曲线在后面比较陡
•   HTML的结构很难么？各种标签的属性用时去查即可，CSS布局其实更关心class，id，div等等。
•   我没说html结构难，标签大家都懂。我只是说书中省略了html而已。