好像阿捷的“网页设计师”上有这么一篇文章。
其实我也一直在学习web标准,也在积极地用新的web标准来写一些页面设计,比如设计一些新的Blog皮肤。

兴趣是最好的老师
兴趣比什么都重要。
比如我喜欢"滑动门",我就首先会想:它应该是一个什么样的文档结构?需要哪些CSS去支持?这些不同的背景图片如何去实现?
这样我才会有想去写的"冲动"

[继续阅读Web标准到底有多难]

overflow用在div上时很好用,但直接用在td上,好像没有任何效果。
td中的文本过长时依然自动换了一行
像下面这要设定一下就行了
[可运行代码]

[继续阅读使table也能overflow:hidden]

_property:value
属性前加_线,该hack对IE有效,在FF下无效
这段代码在IE下看,div的边框为蓝色,而在FireFox下无效
[可运行代码]

盒模型解决方法
选择符 {width:IE5.x宽度; voice-family :"\"}\""; voice-family:inherit; width:正确宽度;}
IE5.5及以下版本不认,其它版本与FF都认
如下,该段代码在FF与IE6/IE7能正确显示div宽度为200px
[可运行代码]

[继续阅读css hack (2)]

!important;
严格来说,!important;应该不能算作是一种hack技术,被应用了!important;的属性将在IE中无效,对FF有效。
如以下这段,在FF中div1的背景将是红色,而在IE中却是蓝色
[可运行代码]

* html 选择符 {…}
IE6及以下版本识别,对FF无效
[可运行代码]

select { 属性 /*屏蔽IE6*/:值;},仅IE6不识别,屏蔽IE6
主要是通过css的注释/*.....*/分开一个属性值与值,来屏蔽IE6

-------------------华丽的分隔符----...

[继续阅读CSS Hack(1)]

position:fixed在ie6及以下版本下不大好用
firefox运行:
[可运行代码]
于是用js来解决
[可运行代码]

[继续阅读position:fixed?]

今天在写一个测试页 唉,感慨一下自己这只小菜菜鸟 在线demo http://www.lemongtree.com/demo/tab/tab.html  

[继续阅读Tab]

[img]http://www.lemongtree.com/upload/20071109/20071109171642.png[/img].

[继续阅读困惹的A标签]

[img]http://www.lemongtree.com/upload/20071108/20071108124833.png[/img].

[继续阅读FreeIconWeb]