起因仅仅是下面的这句话:
font-size: 75%; /* Resets 1em to 11px */
这是我最喜欢的wordpress主题 Bito 的第一句CSS。我想那可能是作者的笔误。因为印象里还是记得默认值是16px,那么75%就是12px了。不常写CSS,但是喜欢挖点东西出来。一开也没想到一个属性值可以挖出这么多,最后导致这篇东西组织起来都有些麻烦: )
起因仅仅是下面的这句话:
font-size: 75%; /* Resets 1em to 11px */
这是我最喜欢的wordpress主题 Bito 的第一句CSS。我想那可能是作者的笔误。因为印象里还是记得默认值是16px,那么75%就是12px了。不常写CSS,但是喜欢挖点东西出来。一开也没想到一个属性值可以挖出这么多,最后导致这篇东西组织起来都有些麻烦: )
整理行装的时候,瞥见这张一年半前的照片,然后在柜子了浏览了一下这些见证过往的书籍。原来也曾这么这么地努力过:)。现在,书更多了一些,有几本书借出去了,所以合影似乎没多大的意义。所以仍旧用这张照片,怀念下阳光里,一本书,一首曲子的时光。
以前总是看别人的书评。当然在不看书评前,自己总是乱买书,结果总是有几本书比较糟糕。但好在数量不是很多。在即将重新启程的当前,自己也该写个书评总结回顾下。题外话,书看多了,也没啥好的囧。
关于浏览器模式,一直以来的理解是这样的:浏览器厂商出于那些老站点的向后兼容的目的,创建了两种模式。即标准模式(standards mode)和怪异模式(quirks mode)。在标准模式里,浏览器按照规范渲染页面,而在怪异模式里,浏览器以一种老式的或者是模拟老式浏览器的渲染方式表现页面。
这些并没有错,但是还不够全面和深入。当我回顾《CSS Mastery》的时候,也让我想起了很多渐渐淡忘的、并且也可能是无关紧要的其他碎片。
比如,两种模式最大的差异的例子就是IE盒模型的解释。IE如此,Opera 7也是如此。再比如,Mozilla和Safari的第三种“准标准模式(almost standards mode)”,只是在处理表格的方式上有些细微的差异,其他与标准模式无异。等等。
一直以来,确保DOCTYPE的正确也是非常重要的事。浏览器根据DOCTYPE是否存在以及是何种DOCTYPE来确定渲染方式。如果总结如表,应该是这个样子。
| DOCTYPE | MODE |
|---|---|
| XHML + 形式完整DOCTYPE | 标准模式 |
| HTML 4.01 + strict DTD | 标准模式 |
| DOCTYPE包含URL和transitional DTD | 标准模式 |
| DOCTYPE只包含transitional DTD | 怪异模式 |
| DOCTYPE不存在或形式不完整 | 怪异模式 |
这张由我根据《CSS Mastery》一书所列出的表并不怎么完整,Alastair Campbell有一个更加全面的关于IE浏览器模式和DOCTYPE的表格。
另外一个可能有点过时的,是Eric Meyer关于DOCTYPE switching的表格。多年之后我再去看这个链接的时候,发觉它居然还在:)
而现在,我更喜欢看QuirksMode上的资料。