menu

漫谈font-size

起因仅仅是下面的这句话:

font-size: 75%; /* Resets 1em to 11px */

这是我最喜欢的wordpress主题 Bito 的第一句CSS。我想那可能是作者的笔误。因为印象里还是记得默认值是16px,那么75%就是12px了。不常写CSS,但是喜欢挖点东西出来。一开也没想到一个属性值可以挖出这么多,最后导致这篇东西组织起来都有些麻烦: )

Read more... »

Web书评

整理行装的时候,瞥见这张一年半前的照片,然后在柜子了浏览了一下这些见证过往的书籍。原来也曾这么这么地努力过:)。现在,书更多了一些,有几本书借出去了,所以合影似乎没多大的意义。所以仍旧用这张照片,怀念下阳光里,一本书,一首曲子的时光。

以前总是看别人的书评。当然在不看书评前,自己总是乱买书,结果总是有几本书比较糟糕。但好在数量不是很多。在即将重新启程的当前,自己也该写个书评总结回顾下。题外话,书看多了,也没啥好的囧。

《JavaScript 权威指南》— David Flanagan

《JavaScript DOM 编程艺术》— Jeremy Keith

《JavaScript 高级程序设计》— Nicholas C. Zakas

《Ajax 高级程序设计》— Nicholas C. Zakas, Jeremy McPeak, Joe Fawcett

《精通 CSS 高级Web标准解决方案》— Andy Budd, Cameron Moll, Simon Collison

《Eric Meyer 谈 CSS(卷1)》— Eric A. Meyer

《Eric Meyer 谈 CSS(卷2)》— Eric A. Meyer

《XML 基础教程 入门、DOM、Ajax与Flash》— Sas Jacobs

《PHP 程序设计》— Rasmus Lerdorf, Kevin Tatroe, Pter MacIntyre

《PHP & MySQL Web 数据库应用开发指南》— Hugh E. Williams

《Flash ActionScript 3 殿堂之路》— 孙颖

Read more... »

浏览器模式

关于浏览器模式,一直以来的理解是这样的:浏览器厂商出于那些老站点的向后兼容的目的,创建了两种模式。即标准模式(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上的资料。

Read more... »