和TZ一起弄的，多的不说了，拖了很长时间了，由于各种原因，与初衷相去甚远。XHTML手册比较像手册，CSS的就像本教程了。但是如果说是教程又显得简单了点，说是手册又详细了点，都不像了～···但是还是有一定参考价值的，比较详细地介绍了一些XHTML和CSS最基础的东西～···
BI地址：http://bbs.blueidea.com/thread-2894326-1-1.html

Demo

前两天在一个页面中使用锚点时偶然发现了纯CSS实现tab切换的方法，其实在很久很久以前就有人实现过了，但是我从没留心过，也从没看过具体的实现方式。因为JS其实也很简单，但是如果纯CSS能实现当然再好不过了。

但是，遗憾的是这种方法opera不支持～同时这种方法确实限制也比较多，比如往往需要设置另外的样式来区分当前激活的tab，纯CSS显然是无法做到的。所以如果要求不是很高，不用兼容opera，这种纯CSS的写法还是可以选择的！

前几天说要做个主题，原因有四：

1. 原来的techicon真的用了很久了，虽然很好，还是视觉疲劳了
2. techicon不是自己做的，虽然我改了很多东西～···
3. techicon的宽度是固定的，晚上回家用宽屏看，很不爽～
4. 呃～没有4了～···

其实早就在说自己做个theme，也画过好几张图，也写了几段代码，但是每次在中途就被我自己扼杀在摇篮中～:)

ND其实和techicon在布局上差别不大，我太喜欢techicon的三栏布局了，所以继续沿用。配色最开始主体部分用的白色背景，着实闪眼睛，液晶屏更甚，所以最后加了点灰色，减小了对比度，看着舒服多了。

遗憾：

1. CSS中两处使用了hack～···（静态页面很完美，套上WP的主题标签，出问题了～至今没有得解！）
2. Micro-Blogging页面fanfou API中的时间格式太BT了吧~很脑残！
3. widget支持有点问题，但是我不用widget，无视～···

为了保证页面字体的通用和兼容性，通常都会为字体设置一个字体系列，而且往往会在最后加上该类别字体的通用字体系列名。如：

p{font-family:Arial, Helvetica, sans-serif;}
h1{font-family:"Times New Roman", Times, serif;}
pre{font-family:"Courier New", Courier, monospace;}

但是事实证明Firefox和Opera并不支持通用字体系列名称的字体定义！事实说明一切～

2008-10-14日更新

非常感谢Csineneo的留言，Firefox和Opera必须手动设置通用字体方可生效！但是我仍然有一点疑问，不管是FF还是Opera这个过程都无疑增加了用户的使用难度，而且用户“不准确”的设置必然影响页面的显示效果，毕竟不是所有的用户都知道哪些字体属于衬线字体，哪些字体属于非衬线字体，哪些字体属于等宽字体～···难道FF和Opera无法自动选择合适的通用字体？

附：List Of Web Safe Fonts

在目前我所有的浏览器中，textarea，input和select这三个标签默认无继承性。测试

IE8 beta2和非IE浏览器中通过为样式属性指定继承性(inherit)可解决该问题。测试

IE7及以下版本此三个标签的继承性问题尚无法解决。只能通过另为其书写样式达到效果。测试