实践web前端IE6开发经验

　　有过web前端开发经验的朋友一定遭遇“大战IEbug”的经历，在这不讨论IE6如何如何的让人恶心，由于我们的中国仍然有很多电脑装XP，自然有很多IE6，所以每个网站的开发都不可避免的要解决兼容性问题。刚刚接触web两三个月，现发表一下我的经验和遇到的困难，有不足之处还请各位朋友多多指点。

　　首先说一下我最近总结的经验：

　　1.#main a:hover, a:linked, a:visited{ font-size：12px}这种写法很容易影响布局，因为如果前面你同样写#top a:hover, a:linked, a:visited{ font-size：16px}这样一来#top中的字体大小就会由16px变成12px,因为html和css是解释型语言，如果有两行代码作用于同一部分，那么起作用的是最后一句，所以，我们一定要写全：#main a:hover, #main a:linked, #main a:visited{ font-size：12px}和#top a:hover, #top a:linked, #top a:visited{ font-size：16px}。

　　2.上面的情况虽然有些烦，但是这种特性也有好处，就是增添全局作用的代码例如,如果本网站所有的超链接都是没有下画线的而且都是白色的字体，就可以在css增添：a:hover, a:linked, a:visited{ text-decoration：none; color: #FFF;}这里就体现了类的概念,就是这样一类超链接所拥有的的共同特征，又例如，有个别的超链接字体颜色是红色，自然就是增加一个.red{}类了，就是如此所以在切图之前要好好分析该网站有哪几类。

　　3.intput高度宽度问题，一个文本输入框的不是在类中定义的width和height，他自身有一定的大小，所以要定义的比图片上的略小一点。

　　4.同一水平层级的div要分别用 float：left 和 float：right 不然会出现右边的跑到下面去的现象。

　　5.IE6中的<input>如果是单独一行且要和上面一行对齐，要在外面套一层<div></div>不然他会和上面一行同pading,margin.如果不是单独一行后面还有<div>的话，就直接裸<input>吧，如果在套上<div></div>的话，他就会独占一行，把后面的挤掉。

　　6.IE6中的宽度问题,如果定义了一个div的border，他的宽度或高度就会增加。加border时一定要注意啊。

　　7.当有图片和文字或文本框在同一个<li>的时候，很蛋疼的发现二者相互影响，所以建议切图新建的图比原图稍大一点的，留下足够的空间调整图片位置。如果钻牛角尖非要调图片旁边的的div,会很蛋疼。

　　还有一个问题请教各位朋友：<input value="">中value值的字体大小，颜色，字体等等不能继承其父级的吗？不会每次都得在定义一吧？