断峰狼的博客

　　介绍一个在线网页分析工具—“ Web Page Analyzer”，它可以帮助你查看页面中的HTML、JS、CSS代码和图片各自的大小，再计算出不同的带宽下的加载速度，最后给出一个建议，提示你哪部分该优化了。如果你看到它的提示都是“Congratulations”证明你的网站性能还不错。 　　这个工具对网页设计师很有帮助，例如你优化/压缩CSS后想看看前后的对比值。其实Firefox也带有查看页面元素的工具，在页面中点击右键选择“查看 页面信息”，就可以看到这页的大小和meta等信息，在“媒体”标签下还可以看到所包含的图片信息，只是没有加载速度而已。 　　从车东这里看到IE里面可以看到页面压缩前的大小，在IE中点右键 – 属性，里面显示的页面大小就是未压缩前的，“IE和FF缺省都是支持HTTP压缩的，只不过IE显示的是压缩前的大小，FF显示的是压缩后的文件大小。” 　　这个工具是在 一篇优化CSS文章中发现的，他说在WordPress中把CSS后缀名改为.php，然后利用gzip压缩的方式来优化CSS，这个方法我只在国外一些插件附带的css上看见过。 转自：http://www.osxcn.com/css/web-page-analyzer.html 还有一个10 个免费优秀的网站统计和分析工具

自动换行word-break:break-all和word-wrap:break-word的区别 word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行。 它们的区别就在于： 1，word-break:break-all 例如div宽200px，它的内容就会到200px自动换行，如果该行末端有个英文单词很长（congratulation等），它会把单词截断，变成该行末端为conra(congratulation的前端部分)，下一行为tulation（conguatulation）的后端部分了。 2，word-wrap:break-word 例子与上面一样，但区别就是它会把congratulation整个单词看成一个整体，如果该行末端宽度不够显示整个单词，它会自动把整个单词放到下一行，而不会把单词截断掉的。 word-break;break-all 支持版本：IE5以上 该行为与亚洲语言的 normal 相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本。 WORD-WRAP:break-word 支持版本：IE5.5以上 内容将在边界内换行。如果需要，词内换行( word-break )也将发生。

<input value="提示的文字" onfocus="if (value ==’提示的文字’){value =”}" onblur="if (value ==”){value=’提示的文字’}" /> 这样当输入框默认显示“提示的文字”当鼠标点击的时候自动变成空白，如果不输入任何文字再点击其他地方则再次显示“提示的文字”，如果输入了文字再点击其他地方则无反映。 另一种方法： <input value="" onfocus="if (value ==”){value =’数字’}" onblur="if (value ==’数字’){value=’}" />