1)Box Model Hack
盒式模型问题。解决 ie 6 以下版本宽度包含边框和padding的问题。原文代码如下：

padding: 4em; border: 1em solid red; width: 30em; width/**/:/**/ 25em;

但似乎不对，边框和padding 两边都要算，应该是 width/**/:/**/ 20em;
Continue Reading »

CSS的ID名称定义也是标准化的一部分，所以转载一套比较全的命名规则，望文生义以利于后期维护页面。，转自http://www.hivaness.cn/myblog/article.asp?id=23，这套命名比较全，适合大型网站，一些博客页面就不需要这么详细，精简再精简才好。
Continue Reading »

项目中会用到很多关于框架页面刷新的方法。先来看一个简单的例子：
下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。
Continue Reading »

配色工具

配色最痛苦了。（= =）更多配色工具请参考：为你的网页组合出一个完美的配色方案
Continue Reading »

随着计算机及网络应用的扩展,电脑信息安全所面临的危险和已造成的损失也在成倍地增长,特别是各种黑客的增多,一些个人用户也时常遭到不同手段的攻击,这不得不引起我们的重视.
    对于个人用户来说,除了病毒和木马,网页中的隐形代码也开始严重地威胁着我们的安全,但大多数人却缺乏自我保护意识,对隐形代码的危害认识不够,甚至在自己不知情的情况下被别人窃取了重要资料.因为隐形代码具有比较大的隐蔽性,到目前为止,还没有什么病毒防火墙能很好地阻止隐形代码的攻击,大多数甚至根本就不能发现.所以我们更应该高度警惕网页代码中的隐形杀手.一般来说网页代码中的“隐形杀手”大致分为以下几类:
Continue Reading »

HTML::WikiConverter 是一个简易的在线工具，非常方便一些经常操作 Wiki 的用户，从任意的网页、Blog 等处，获取 HTML 代码之后，通过 HTML::WikiConverter 转换成 Wiki 独有的代码模式。该工具除了直接复制粘贴 HTML 代码进行转换之外，还可以输入网页 URL 地址（包括其他 Wiki 网站的页面链接）进行整个页面文件的转换。输出部分则可以适用于 Pbwiki、MediaWiki 等在内的常见 Wiki 服务网站：
Continue Reading »

BrowserShots 是一个网页载入效果测试与截图的在线工具。不少人不可能像启羁在 MBP 上同时安装 Vista、Mac OS X、Ubuntu 三种 OS，也不会安装大量不同的网页浏览器，只是为了看看不同浏览器下的效果与截图，那 BrowserShots 就是一个简单解决的好方案了。 Continue Reading »

一个日本博客发现只需一行代码就能让IE6崩溃,代码如下:
<style>*{position:relative}</style><table><input></table>
这行代码在Firefox,Safari和Opera都能正确解析,但是在IE 6下却会引起mshtml.dll致命错误.

如果你想尝试一下它的效果,点击这里.

听说过众多Javascript框架吧，CSS也框架？不错，BluePrint这款CSS框架目标是节省您的开发时间。它提供了一个CSS设计中的表格，合理排版以及打印方式的基础框架。采用 MIT 许可证分发。
[ 链接 http://bjorkoy.com/blueprint/index.html  ]

附：在线CSS压缩器.
[ 链接 http://www.cssdrive.com/index.php/main/csscompressor/  ]

1. CSS Based Navigation//基于CSS的导航

Continue Reading »