摘要：
现在：解决完手上的工作，利用零散时间整理和解决css兼容的各个问题。3个月后：搜集和整理各个问题，建一个丰富的博客，思考整站的设计、开发、维护、性能、优化方面的问题。6个月后：前端问题都能快速、准确的解决，兼容没有问题。一年后：精通css，能够掌握基本的js。一年半后： 精通js二年后：css和js都精通， 开始涉足 html5、css3，并开始关注移动开发和php。二年半后：对php和移动开发有一定的了解，并且了解程序中的各个运用。三年后：前端技术无所不能，开始了解管理经验。四年后：有带领团队开发一个项目的经验。 阅读全文
摘要：
【背景】如果你是刚进入WEB前端研发领域，想试试这潭水有多深，看这篇文章吧;如果你是做了两三年WEB产品前端研发，迷茫找不着提高之路，看这篇文章吧;如果你是四五年的前端开发高手，没有难题能难得住你的寂寞高手，来看这篇文章吧;WEB前端研发工程师，在国内是一个朝阳职业，自07-08年正式有这个职业以来，也不过三四年的时间。这个领域没有学校的正规教育，没有行内成体系的理论指引，几乎所有从事这个职业的人都是靠自己自学成才。自学成才，一条艰辛的坎坷路，我也是这样一路走来。从2002年开始接触WEB前端研发至今已然有了9个年头，如今再回首，期间的走了很多弯路。推已及人，如果能让那些后来者少走些弯路，辛甚 阅读全文
摘要：
1、尽量不要定高度，除非是特别需要，想要撑开，可以用line-height。2、开发时，一定要注意溢出隐藏的书写，防止内容增多时候，将页面变形。3、文字一定要闭合在一个单独的容器里，不要出现：<h2>巡回演出<span>了解更多</span></h2>这样的情况。4、如果出现了某一部分代码，你确实设定了间距，预览却没有间距，鼠标放上去或过一会会自己撑开，这样的情况一般是因为浮动的原因，清除浮动即可。5、在ie6和ie7下面出现标签的一部分背景无法显示，首先检查图片的路径是否正确，其次看背景的书写是否正确，ie6和ie7不识别background: 阅读全文
摘要：
在一个固定大小的180*130的容器里面让图片显示，并做到垂直水平都居中，且图片大小随机。下面是代码：<div class="group_pic_list_block"><div class="img"><a href="#"><img src="example1.png" /></a></div><p>sheena-小素博客sheena-小素博客sheena-小素博客sheena-小素博客sheena-小素博客</p> 阅读全文
摘要：
块元素想要用display：inline-block；使其与行内元素在同行显示，这个效果除了ie6和ie7，其他的浏览器都是可以实现的，这里总结一下如何解决ie6和ie7不兼容的问题。<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><style type="text/css">p{dis 阅读全文
摘要：
此问题为ie6和ie7的一个bug，在ie其他的版本或者ff，maxthon、chrome下都为正常的。只要是非浮动元素在浮动元素之前，并且是同行的时候，这个问题就会出现，ie6、ie7效果一致，可以看到不在同一行现实，像是被挤下来了一样。代码是这样的<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><style 阅读全文
摘要：
现在主流浏览器就是火狐，谷歌，还有ie，这里总结一下我测试过的能很好的兼容各个浏览器的写法：我们知道样式书写要从高版本的写到低版本，我一般是先写FF，谷歌这些浏览器的样式，再写兼容ie9-ie6的样式。现在ie10也出来，不过目前我还没有使用，市场份额也很小，应该和ie9差不多，这里暂时就不考虑了。background：red；background：green\9；前者火狐，谷歌等识别，后者ie各版本浏览器识别background：red；background：yellow\0；*background：blue；前者火狐，谷歌等识别，中间ie8和ie9识别，后者ie7和ie6识别*backgr 阅读全文