《CSS网站布局实录》的原文摘录
-
一个对象的宽度不仅仅由 width 值来决定。对象的真实宽度是由对象本身的宽、对象的左右边距以及左右边框，还有内边框等属性相加而成。 (查看原文) —— 引自第69页 -
如果一个对象被设置了 position: absolute; 它将从本质上与其他对象分离出来。 ... 对象就像一个图层一样漂浮在网页之上。 (查看原文) —— 引自第73页 -
IE6 / IE7 / Firefox 的最终宽度 = 左外边距 + 左边框宽 + 左内边框 + 宽度 + 右内边框 + 右边框宽+ 右外边框 (查看原文) —— 引自第85页 -
比如多个 p 标签形成段落，如果这些 p 标签都具备 margin: 10px 属性的话，那么它们中第一个段落的顶部外边距是 10px，而第一个段落与第二个段落之间的 margin 就成了 20px，由此造成排版距离不一致，所以设计出这种空白边叠加规则。 (查看原文) —— 引自第87页 -
空白边叠加时，以较大的 margin 值为准。 (查看原文) —— 引自第87页 -
笔者也是在通过多次校验之后才逐渐了解一些XHTML的特殊要求，比如img对象必须包含title属性等这些不常用的编码习惯。 (查看原文) —— 引自第295页 -
使用条件注释绝对是最理想而且符合标准的解决方案。 (查看原文) —— 引自第309页 -
当margin、padding及border都为0时，是不会发现盒模型在两个浏览器中出现不同状态的； (查看原文) —— 引自第311页 -
解决方案 捉迷藏bug如何解决?在使用一些小技巧来解决这个bug之前，应当听听来自positioniseverything.net的网站专家的建议，positioniseverything.net是网上最早开始研究css在浏览器下兼容性的组织之一，而捉迷藏bug也是由positioniseverything首先整理出来的，对于此问题，应当从两方面入手：一是使用技巧去解决bug，二是通过一些编码习惯预防捉迷藏情况的发生。positioniseverything提供了4个途径供大家来预防和解决捉迷藏问题： 在对页面上的对象使用float浮动之后，最后在下面使用带有clear:both;的div对页面上进行一些浮动上的清理工作，并且尽量避免对#layout使用background。 如果有可能，可以给#layout使用固定宽和高，尽管这样会对页面有所限制，但能消除一些捉迷藏的影响。 可以尝试给#layout和#left使用position:relative。 对#layout使用line-height属性，强制浏览器对其中的内容进行行距调整，从而可以消除捉迷藏bug，例如使用line-height:1.2;就能够使页面运作变得正常。捉迷藏bug虽然是IE留下的后遗症，但是另一方面我们应当在div的嵌套上遵循一些习惯，尽量使用最少的层次嵌套来满足页面设计需要，使页面结构简单、实用、易控制与管理，尽可能的减少由于不必要的嵌套引来的连锁问题。 (查看原文) —— 引自第314页
作者: 李超
isbn: 7030177169
书名: CSS网站布局实录
页数: 408
出版社: 科学出版社 希望电子出版社
定价: 32.0
出版年: 2006-9
装帧: 16开 平装