第四期的 WEB标准化交流会，将会留出一些时间探讨《CSS3应用的时机》。我们的官方网站也用到了一些例如“标题描边”、“按钮圆角”的小东西。
今天看到 Joshua Johnson 的一篇 10 Amazing Examples of Innovative CSS3 Animation
很是精彩，大概翻译如下：
CSS3带来了很多令人印象深刻的新功能，最有意思的或许是很多基于javascript来实现的功能，现在可以用CSS动画来制作。以下是我找到的用CSS3创建的精彩案例：
注意：以下演示代码在IE6等低端浏览器下无效，请下载并安装现代浏览器
例如我想美化输入框的效果：
<input type="text" name="textfield" />
避免给这样的通配属性：
input{background:#222; border:1px solid #4a4a49; color:#ccc; padding:1px 3px; }
否则所有的输入框、按钮、单选框、复选框都会跟着变化。
给通配属性容易，再删通配属性，恢复input的默认值就麻烦了。
如果你不幸，也犯了这种错误，考虑一下批量替换的方法来解决：
首先将
input{background:#222; border:1px solid #4a4a49; color:#ccc; padding:1px 3px; }变更为
.input-beauty{background:#222; border:1px solid #4a4a49; color:#ccc; padding:1px 3px; }
然后批量替换
type="text" 变更为 type="text" class="input-beauty"type="password" 变更为 type="password" class="input-beauty"这样哪个输入框需要美化，就调用样式，不需要就不调用。
由此，更加渴望CSS3的早日普及，将来直接用input[type="text"]这种玩意来实现。
本期 前端交流会 ，虽然讨论的主题是《Web在重构中的文件组织》。
但获益最深的是 克军 给延伸解释了style放在页面内的原因。
我对这方面一直有疑惑，为此专门请教了一下，如果仅仅是“减少并发连接数”，有必要这样做吗？
果然，这样做的优点不单单如此。
没有做笔记，大概印象如下：
这是应付超大流量的一种优化方案。
为提高速度，他们的外部连接文件一般都存储在单独的服务器上，例如img.****.com，如果这个服务器挂掉，整个首页就挂掉了。放在页面内，比较安全。用户访问页面时，不会因为CSS加载不上，而造成裸页面。
那这样做是不是增加了维护的成本？如果写在页面上，不便于修改和管理。
他有可能是单独的css文件。在头部用include包含一个php文件，而这个php文件负责生成css文件。
实际上还是在维护一个单独的样式表。只是放上去的时候合并到一起。不会增加维护成本。
用PHP把CSS调用到页面中，服务器也否也有开销？
缓掉，首页缓存成静态页。
老家的电脑是IE7浏览器，回来一瞅自己的博客，顶部，图形导航链接全部失效。
回想在网上看过的一篇文档，大意就是，如果在IE7中使用position:relative属性，需要在该元素的容器上，同时给予position:relative属性。
我给了。大按钮上的链接都恢复了。但是”css”"js”"seo”3个小按钮上没有链接。很诡异……
又给了z-index属性，这下firefox彻底复原，但是IE7依旧。
删了z-index，将3个浏览器的毛病都统一，然后，在群里喊了一嗓子。
“爱得”建议将容器的定位属性更改为position:absolute。
更换后重算了top的数值，IE6/7、FF测试成功。
最近在制作 DARKEDEN Legend 的英文网站，考虑到欧美玩家喜欢三列等高的布局，而我们的网站背景结构复杂，如果采用background的等高方法，代码会比较繁琐，而JS会影响页面的加载效率，于是采用了“隐藏容器溢出”、“正内补丁”和“负外补丁”结合的方法来做。
说起来好像挺邪乎的，其实代码就两行：
