书籍介绍

这并不是一本让你快速上手写样式的入门书，而是一部专门啃CSS「别扭之处」的硬核参考书。它最被读者认可的地方，是敢于直面那些让人抓狂的细节：浮动元素的外边界究竟如何相互影响、百分比高度为何总是参照包含块、垂直居中为何只能靠外边距硬凑。作者把属性之间的协调与冲突掰开揉碎，解释「它为什么会这样工作」，而非仅仅告诉你「它应该这样工作」。正因如此，它被许多人奉为「必备参考书」，适合遇到布局难题时逐条查证。但代价也清晰可见：内容详实却偏啰嗦，例子繁多，翻译略显生硬，部分规则已被老版本淘汰。它更像字典而非故事书，进阶者、愿啃细节的人能得其所，期待轻松速通的读者或许会失望。

AI导读

核心看点

深入解析CSS1与CSS2属性及定位原理
结合浏览器兼容性探讨CSS实际运用
详细剖析选择器、层叠与继承机制

读者共识

前端必读经典，讲解透彻且系统
翻译质量参差不齐，建议对照原文
适合进阶学习，零基础读者可能晦涩

精彩摘录

"左浮动元素的右外边界不会在其右边右浮动元素的左外边界的右边。一个右浮动元素的左外边界不会在其左边任何左浮动元素的右外边界的左边"
"引入css外部文件的两种方法为在html页面通过link，src属性（注意空链接时的陷阱！），再者是通过CSS文件本身通过@import url()引入，虽然这两种方式都可以加载进来CSS文件，可是link和@import也存在着细微的差别。隶属上的差别 link属于XHTML标签，而@import完全是CSS提供的一种方式。link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。此处注意浏览器的link src为空时候时会导致页面加载次数增多。 @import次数限制传闻在IE6下，@import只能引入31次cs"
"First, however, let’s consider em and ex. In CSS, one “em” is defined to be the value of font-size for a given font."
"内容的背景也会应用到内边距"
"正常流中块级元素框的水平部分总和就等于父元素的width"
"如果一个块级正常流元素的height设置为一个百分数，这个值则是包含块height的一个百分数。 ... 将元素垂直居中的唯一办法就是把上下外边距都设置为25%"
"如果一个元素是初始包含块叠放上下文的一部分，而且其z-index值为负 ...好多字... **body元素为其后代建立了一个包含块。作为body元素后代的一个绝对定位就不能叠放在body的背景之下**（这句话错！） ...好多字... 所以z-index值为负时会导致不可预料的后果，所以使用的时候要小心。"
"在IE7之前的版本中，不同平台的Internet Explorer都不能正确地处理多类选择器。"