代码改变世界

fieldset在ie8下的margin\padding bug规避

2012-03-05 15:31 by iBlog, 3300 阅读, 2 推荐, 收藏, 编辑
摘要:写在前面的话 其实我不推荐使用fieldset这个标签,正如我们常常议论的那样这东西在不同的浏览器下确实操蛋,但是在一些老的项目中大量使用,所以还是有必要分析一下,fieldset到底有哪些怪毛病,如何规避!我承认我闲的蛋疼,不喜请绕路!fieldset margin 测试 环境说明:win7 + ie 8.0 +chrome 16.0 +firefox 10<!DOCTYPE HTML><html><body><fieldset style="margin:100px auto;width:600px;height:100px"& 阅读全文

<select>在chrome浏览器下背景透明问题

2012-03-02 16:10 by iBlog, 8166 阅读, 2 推荐, 收藏, 编辑
摘要:在上篇文章《只用CSS美化选择框》运用了背景透明的技巧来美化选择框,但在chrome浏览器下遇到了跟ie、ff不一样的透明效果,下面重现一下: 在一个大的div(背景红色)内放置一个select元素(背景透明)。在线查看(可在不同浏览器中查看效果) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ... 阅读全文

只用CSS美化选择框

2012-03-02 11:04 by iBlog, 107406 阅读, 8 推荐, 收藏, 编辑
摘要:<本文译自Style a Select Box Using Only CSS>当我需要用下拉列表拼凑自定义表单时,我常常不得不使用下拉框(select),由于某些部分是浏览器特定的,如下拉箭头,我花了一段时间去搞清楚如何只使用css轻松地美化下拉框。下面是一个默认样式的下拉框的长相:HTML code:<select> <option>Here is the first option</option> <option>The second option</option></select>一个选择框的某些部分我们 阅读全文

盒子模型简单测试

2012-02-29 16:36 by iBlog, 1273 阅读, 1 推荐, 收藏, 编辑
摘要:本文旨在通过浏览器提供的开发人员工具来分析一下盒子模型的构成要素。主要使用3种浏览器:ie 8(自带开发人员工具)、firefox 10(firebug插件)、chrome 16(自带开发人员工具), 这里要特别提到ie8的开发人员工具的“布局”显示跟其他浏览器有差别(参看此文)二话不说直接上代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">< 阅读全文

正确使用DOCTYPE

2012-02-29 11:10 by iBlog, 17571 阅读, 7 推荐, 收藏, 编辑
摘要:您是否遇到过,团队里总是有些人乱声明doctype甚至没有声明它,甚至还反问你,要着干嘛?有啥鸟用,没声明也没报错呀!我只能说一个字:靠!Doctype是啥? <!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。Document Type 文档类型,缩写成DOCTYPE,在html中它就是个标签:<!DOCTYPE>,它有自己的声明格式,不是在html标签前加上它就完事了的,查看qq.com页面源码可见如下声明: 1: <!DOCTYPE html PUBLI 阅读全文

关于CSS RESET

2012-02-28 14:17 by iBlog, 2263 阅读, 1 推荐, 收藏, 编辑
摘要:只要您的客户存在使用不同浏览器(ie,firefox,chrome等)的可能,那你就不得不从完美的理想状态回到现实,因为不同核心的浏览器对CSS的解析效果呈现各异,导致您所期望的效果跟浏览器的“理解”效果有偏差,今天提到的css reset就是用来重置(复位)元素在不同核心浏览器下的默认值,尽量保证元素在不同浏览器下的同一“起跑线”,仅此而已,它不是万能的!在不同核心浏览器下,对于css 属性对某些元素的作用呈现出来的偏差,不是CSS reset所能解决的,它只是解决或部分解决元素的默认初始值问题(约定起跑线而已),至于比赛开始后,运动员们使用什么规则(直线、曲线?),什么步调跑,它就管不着. 阅读全文

MIME乱谈

2012-02-27 18:21 by iBlog, 1243 阅读, 0 推荐, 收藏, 编辑
摘要:他妈的!忘记保存了,live writer直接崩溃,半天写的文章没了.... 言归正传,今天在使用google maps开发一个应用,使用chrome调试时,突然跳出一个警告:Resource interpreted as Other but transferred with MIME type undefined.意思是:被解释为Other的资源,在被以未定义的MIME类型传输。这是google maps api引入导致某个MIME类型错误,不深究了。 说说mime(Multipurpose Internet Mail Extensions 多功能Internet 邮件扩充服务)吧,别问为. 阅读全文

使用windows live writer撰写blog

2012-02-27 13:35 by iBlog, 381 阅读, 0 推荐, 收藏, 编辑
摘要:本人blog在cnblogs,自然想到官方博客中的配置步骤,作为程序员可不是唯一青年哦,要上代码啊,博客园官方推荐: Windows Live Writer推荐SyntaxHighlighter代码着色插件,不过按照官方的教程,有些不好使,也不愿意折腾了,重新找了一个个人觉得比较好的代码着色插件:CodeSnippet 小试牛刀吧!这个插件很简洁,粘贴代码,然... 阅读全文

maven使用问题汇总

2012-01-17 13:41 by iBlog, 4174 阅读, 0 推荐, 收藏, 编辑
摘要:一、maven的eclipse插件在增加依赖(Add Dependency)时无法搜索远程仓库 现象:无法搜索远程仓库,只能搜索本地仓库,如下图 阅读全文

[字符编码]Invalid byte 1 of 1-byte UTF-8 sequence终极解决方案

2011-12-28 21:25 by iBlog, 47481 阅读, 2 推荐, 收藏, 编辑
摘要:今天在eclipse中编写pom.xml文件时,注释中的中文被eclipse识别到错误:Invalid byte 1 of 1-byte UTF-8 sequence,曾多次遇到该问题,问题的根源是:The cause of this is a file that is not UTF-8 is being parsed as UTF-8. It is likely that the parser is encountering a byte value in the range FE-FF. These values are invalid in the UTF-8 encoding.但这. 阅读全文