07 2011 档案

html5 包含img的父级元素多出几像素的问题
摘要：html代码：<!doctype html><html><head><meta charset="gbk" /><title>HTML5图片元素显示测试</title><style>*{margin:0; padding:0;}body{background:#eee;}#box{width:717px;margin:8% auto 0; background:blue;border:3px solid #aaa;}</style></head><body> 阅读全文
posted @ 2011-07-24 23:59 wkylin 阅读(1867) 评论(0) 推荐(0)
html5resetcss
摘要：/* html5doctor.com Reset Stylesheetv1.6.1Last Updated: 2010-09-17Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark*/html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub 阅读全文
posted @ 2011-07-24 23:05 wkylin 阅读(247) 评论(0) 推荐(0)
CSS盒模型3D示意图演示
摘要：CSS中的盒模型是关系到设计中排版定位的关键，任何一个选择符都遵循盒模型规范。下图是CSS盒模型的3D示意图： 阅读全文
posted @ 2011-07-24 23:00 wkylin 阅读(525) 评论(0) 推荐(0)
HTTP调试工具----Fiddler2
摘要：800x600 Normal 0 7.8 磅 0 2 false false false EN-US ZH-CN X-NONE MicrosoftInternetExplorer4 Fiddler站在用户与Web服务器的中间，由它转发请求与响应，因此Fiddler作为一个可检视，可定制的工具，能让您了解交互过程细节，有利于解决Web程序的交互问题。 800x600 Normal 0 7.8 磅 0 2 false false false EN-US ZH-CN X-NONE MicrosoftInternetExplorer4 作为系统代理，所有的来自微软互联网服务（WinInet）的htt. 阅读全文
posted @ 2011-07-24 22:31 wkylin 阅读(351) 评论(0) 推荐(1)
Firefox插件
摘要：1. Pixel Perfect Pixel Perfect可以把网页与设计稿覆盖在一起组成一个网页，方便精确的编写CSS与HTML。借由切换网页组成的开关，网页开发者与设计师拥有可视化指导，精确位置和网页部件的尺寸。查看 视频演示，看看Pixel Perfect如何工作的。安装 Pixel Perfect2. Page Speed Page Speed是评估网页表现，为开发者提供可行的前端性能优化建议的开源Firebug插件。测试和评估是基于Google的Steve Sounder编写的网页性能的最优方法。请务必阅读页面速度用户指南完整文档的许多功能。安装 Page Speed3. Code 阅读全文
posted @ 2011-07-23 17:11 wkylin 阅读(544) 评论(0) 推荐(1)
EidtPlus个性化配置
摘要：EidtPlus个性化配置第一个有关文件编码的问题，有些人用记事本改php文件，发现上传到服务器后中文全部乱码了，那就是因为你用记事本修改php文件时文件编码错了，多余的我也懒得说，只要知道修改php文件要用utf8编码就行了。解决方法很简单，用Editplus，把默认编码设置成utf8。设置方法如下，打开EditPlus，“工具”－“参数”－“文件”－把默认编码修改成“utf8”，保存就可以了。第二个问题是开启EditPlus的自动换行，操作如下。打开EditPlus，“工具”－“参数”－“文件”－“设置与语法”－“自动换行”－“启用自动换行”－“确定”第三个问题是EditPlus的文件关联 阅读全文
posted @ 2011-07-13 16:57 wkylin 阅读(5207) 评论(0) 推荐(3)
如何在Eclipse中显示空格（space）和制表符（tab）
摘要：设置方法： Window->Preferences->General->Editors->Text Editors->Show whitespace characters 阅读全文
posted @ 2011-07-13 16:54 wkylin 阅读(12392) 评论(0) 推荐(0)
CSS-CSS Sprite 图片合并技术
摘要：文章来自：http://www.51jquery.com/2009-03/css-sprite/。作为一个前段开发人员，还是需要知道一下的哈。推荐两个在线小工具： 1.CSS SPRITES GENERATOR 2.CSS 图片拼合生成器一，关于CSS SpriteCSS Sprites是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会 像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需 顾忌这个问题。按照yahoo的rules for 阅读全文
posted @ 2011-07-07 20:00 wkylin 阅读(1145) 评论(0) 推荐(1)