Snook.Ca最近给所有的CSSer提出了一些写CSS时候的“顶级技巧”。

字体大小使用px

在一行内声明CSS
对比下面两个：

h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;}

h2 {
   font-size:18px;
   border:1px solid blue;
   color:#000;
   background-color:#FFF;
   }

第二种看起来的确格式化，但是不会在阅读上有任何帮助。写在一行内可以让你更快的找到需要的部分。

以前我也是写成类似第二种方式，但是逐渐发现就像文章说的一样，没多大用。一行看起来又爽快又省地方还能让文件更小。

分块书写代码
这样书写代码可以让CSS更页面化，在出现问题时候可以最短时间内找到问题所在。就像下面这样：

#content {float:left;}
   #content p { … }

#sidebar {float:left;}
   #sidebar p { … }

#footer {clear:both;}
   #sidebar p { … }

浏览器支持
只支持最新的浏览器。也就是说要放弃IE5和IE5.5。这样一来就能省下很多时间。对于IE6来说不用使用盒模型Hack。如果只针对流行浏览器的话，只需要很少的Hack就能实现同样的效果。

我注意了一下网易新版主页的CSS，其中竟然一个!important或者Hack都没有，可是在FF和IE里面显示效果都很好。合理的使用CSS可以避免Hack。当然，调试的时间会多一些。

包含浮动元素
所有在容器内的内容都应该被设计为和容器保持一致。如果过大的话就会滑动到错误位置。使用负值margin调整到容器外同样会导致滑动。

理解Overflow
如果页面中有两个浮动元素，在左容器内输出过多内容的话就会导致右侧容器跑到下面。这也就是说你的margin、宽度或者padding设置混乱了，不过在FF里面体现不出来。使用overflow:hidden或者overflow:scroll可以避免IE允许内容冲出容器。

允许块元素自动填充空白

缩写CSS
很多人都margin-top、margin-right、margin-bottom、margin-left的用上一堆。其实这是最基本的，margin可以直接简写为margin:上 右 下 左值。可以在这里看到CSS缩写的总结。
避免不必要的选择器
把样式的选择器减少到最少。如果你发现自己不停的写ul li {}或者table tr td{}就证明写的过于详细了。更少的选择器会让你更容易的发现问题。

我没有完全翻译，而且其中还有很多我自己的话，呵呵。

昨天这张图片在新浪新闻主页上呆了N长时间：

新闻的标题是李敖带防毒面具催泪瓦斯大闹“立法院”，当然我对台湾的政治（包括各处的政治）都不感兴趣，让我看完新闻的倒是那个面具。看过《V for Vendetta》（中文翻译为“V字仇杀队”，真烂啊）的应该对那个面具很熟悉吧？没错，就是里面的面具。

当时看完电影对于其中的一些典故不太理解，去维基百科查了一下，顺着其中的链接找到了这个面具的来源——Guy Fawkes（就是上面右侧那位）。

而影片中一直强调的“Remember, remember, the fifth of November”中的11月5日在英国也是节日，根据中文维基百科的介绍：

人们把每年11月5日的夜晚称为“盖伊·福克斯之夜”或者“篝火之夜”。那天晚上，英国举国同庆。人们点燃篝火，把英国叛国者盖伊·福克斯的人物模型扔到火中付之一炬。

除此之外，烟花表演也是那晚不可缺少的，许多地方政府会组织盛大的烟花表演。
庆祝“篝火之夜”的历史传统与1605年的一个企图炸毁议会、弑君的阴谋有关。

1605年的一天，盖伊·福克斯携带大量火药潜入到伦敦议会大厦下面的一个房间里，企图炸毁议会。

而Google也曾经在11月5日推出过这个“篝火夜”的一个主题Logo：

而在专门为这个Guy Fawkes建立的网站上可以找到：

1959年之前，在英国如果不庆祝这个节日是违法的。

Guy Fawkes生日为1570年4月13日，被挂掉的日子是1606年1月31日。

议会对于Fawkes的刑罚肯定是酷刑，但是没有任何直接证据证明。

进一步的事情大家自己挖掘吧：D 看电影的时候觉得因为正好取了Guy Fawkes这个历史上的人才把电影的背景地点选在了英国，但是怎么看怎么觉得在影射其他国家……

突然发现已经好几天没有更新Blog了。原因之一是学校的事情忙到脚朝天，其实真正的原因就是一直在看从当当买的几本日本推理小说。

上周五买了本叫做“推理”的杂志，结果看推理的瘾又被吊了起来，虽然里面的垃圾文章看的我想吐。感觉现在中国的推理小说一半是抄袭国外名作，一半是情节苍白推理幼稚的低劣作品。

于是乎我抱着想找到优秀侦探推理小说的心理上网搜了一下，结果找到一个Mephisto奖。根据这个网页的介绍，梅菲斯特（Mephisto）奖：

开始于1996年，由讲谈社主办的梅菲斯特赏是日本的众多小说新人奖项之一，但它并非一般正规的推理小说奖项，没有特定的小说类别要求，也没有固定的授赏周期，而得奖者也没有奖金，唯一的奖赏则是由讲谈社把得奖的作品出版发行。尽管参选的小说类别并不是局限于推理小说，但大多数获奖作品却是推理小说，而且不少得奖作家在现今推理界也占有重要席位，曾经获奖的名人包括森博嗣和清凉院流水。

顺藤摸瓜一口气找下去，发现北岳出版社翻译出版的三本讲谈社Mephisto获奖作品都有卖，而且还有一本在维基百科都成为条目的全部成为F。没什么好说的，一起买了回来欣赏。这三本《二重身宫》、《密室的魔咒》和《密室的封印》据说是第一批引进国内的Mephisto奖作品。从流畅的翻译文笔来看，北岳相当重视这几本书。而且似乎日语翻译过来的小说等文艺作品都读起来比欧美的译作更加流畅和好懂。

首先读的是这本《二重身宫》。可以说作者雾舍巧非常善于利用对话来叙述情节，整篇小说读下来基本上没有任何停顿。这本“本格推理”类型的小说中包含的元素非常多：连环杀人、不在场证明、密室、空间错位。前面看着一个个人物被凶手杀掉，心里也在不停的猜测到底谁才是凶手。最后真相大白的时候让我实在是吃了一惊，因为绞尽脑汁也没有想到二重身宫这个书名其实已经把凶手的手段和方法透露了出来。在此就不泄露内容了，因为推理过程和结果实在是很精彩。第一人称的推理小说占到的比重不大，而且其中有很多属于“写飞了”的那种，这本应该算是第一人称本格推理中的精品。

和《二重身宫》一样，其实题目也是透露了玄机出来。而且这句“被害人”留下的话实在只有诡计完成时候才能理解出来其真正的意思。经常在作品中加入“理科元素”的森博嗣这次带入的是有关计算机的内容。精通程序设计的大学教师加上天才少女的组合对阵十四年前杀掉父母的多重人格女性计算机高高手会产生什么样的故事？日本的推理小说多少都要带一点恐怖的元素，这本书里面，机器人驮着被砍掉手脚的“新娘”的镜头，如果拍成电影或者做成游戏，效果肯定很棒。

《迷失的魔咒》和《密室的封印》的叙事性都很好，加上非常强悍的翻译，小说读起来一点都不像很多推理小说一样生硬，光注重推理而丢弃情节和语言了。作者用了大量的心理描写，很多时候让人有身临其境的感觉。今天上课时候一直保持一个姿势把下册读完了，结果下课时候就出现了类似落枕的症状……“密室卿”所创造的1200密室连杀光听起来就很有规模了，而每天有条不紊的三个四个的砍头事件到底是谁的手笔？但是最后的结局感觉相当的敷衍，都快成玄幻小说了。不过，总体来说值得一读，还是那句话，翻译太强悍了。

现在的愿望：每年都出几本Mephisto的获奖推理小说……

前两天还在高兴英文维基百科已经解禁，但是中文版还是不能访问。今天困兽的一篇我许的愿实现了，维基百科解禁！让我感觉像做梦一样——维基百科全面解禁了。

自从去年10月18日左右维基百科再次遭受封禁之后，我和很多Wikipedian一样都在等待解封的那一天。虽然也曾经用代理、改Host等方式上去过，但是总觉得不是回事。通过维基百科的各维基百科语言版本的数据比较可以看到，自从去年十月以后，中文维基百科的条目数量、页面数量和编辑次数都大幅度减缓了增速，而不久之后就被身后的俄语版本超过。大陆的Wikipedian数量占到一大部分，封禁之后出现增速大幅度减缓的情况也就不足为奇了。

如今已经差不多一年过去了，维基百科的突然解禁让大家都感觉奇怪，是不是GFW度假去了？ 因为前段时间还有消息说Google快照也能使用了。当时我测试了一下没成功。但是今天发现竟然也可以使用了。

这到底是正常还是不正常？不管了，希望保持下去就好。

两个多月前，由于偶然看到了一篇关于序列号的文章，写了一个最著名无意义字符串“FCKGW”，今天看到一串比那个还著名的多的，而且更没意义的字符串——“Lorem ipsum dolor sit amet”。

这串看起来希奇古怪的文字其实是拉丁文。今天在看《GUI设计禁忌》中的Web禁忌一章中时候发现的。书中说很多网站在刚刚做出来没有内容时候就用“Lorem ipsum……”这个开头的无意义文字进行填充。而Google出来的结果是“约有2,370,000项符合Lorem ipsum dolor sit amet的查询结果”。而其历史和影响力远比我想象的要大——竟然还有专门叫做Lipsum的网站。

根据这个不知道是哪个闲人建的网站的介绍，这串文字自从1500年左右就是出版业用来当作空白填充的了。大概在上个世纪60年代被发扬光大。实际上说这串文字还真是冤枉它了。根据一个叫做Richard McClintock的拉丁教授的考证，这串文字来自于公元前45年的”de Finibus Bonorum et Malorum”的1.10.32-1.10.33章。Lipsum网站也提供了一个可以自动生成填充文字的工具。

刚刚发现，中文维基百科也有关于它的条目，可惜现在还是无法正常访问。不过CnBeta昨天报道的“英文维基百科可以正常访问”的“不正常现象”还在继续。但愿有更多的“不正常”出现。如果懒得去读英文，可以来微软这个不负责任的翻译页看看中文版本的介绍，