追随我心，乘月待晓
CSS
span元素的width问题
九 6th
最近遇到一个问题，无法为span元素设置width属性。查看CSS文档得知，浏览器会忽略行内元素（inline，或称：内联元素）的width属性。 网上给出的一种解决方法：
span { background-color:#f00; display:block; width:200px;}
但是这样会使 span 和它前后的元素分属两行，也就是说 span 其实是变成类似 div 的块级 （block）元素。 另一种解决方案（在上面的基础上增加左浮动）：
span { background-color:#f00;display:block; float:left; width:200px;}
但是这时，span后的文字就需要增加清理，否则span前后的文字就会连在一行内。 (全文…)
Web 前端优化最佳实践
十 10th
根据 Yahoo 开发中心的 “Best Practices for Speeding Up Your Web Site” 翻译整理。
面向内容的优化规则目前有 10 条。
1. 尽量减少 HTTP 请求 (Make Fewer HTTP Requests)作为第一条，可能也是最重要的一条。根据 Yahoo! 研究团队的数据分析，有很大一部分用户访问会因为这一条而取得最大受益。有几种常见的方法能切实减少 HTTP 请求：
- 1) 合并文件，比如把多个 CSS 文件合成一个；
- 2) CSS Sprites 利用 CSS background 相关元素进行背景图绝对定位；参见：CSS Sprites: Image Slicing’s Kiss of Death
- 3) 图像地图
- 4) 内联图象 使用 data: URL scheme 在实际的页面嵌入图像数据.
CSS样式选择器
五 11th
CSS Sprite
四 7th
改善评论时的用户体验
三 30th
以前注意到在雨林木风论坛，有一个很简单但是很人性化的细节：在用户没有填写评论时，文本域（textarea）显示一幅背景图片，提示用户一些注意事项，而当用户准备填写评论，将鼠标焦点移入文本域时，背景图片消失，显示纯白色的背景，防止干扰用户的视线。
在Wordpress中，可以这样实现： (全文…)
