一，代码优化问题总结：
1，减少浏览器兼容性差异（使用固定的图像而不是不兼容的效果，例如：“圆角”属性）
2，确保DW视图不变形（剪裁框架自适应，锁定宽度和高度，DW视图无浏览器默认属性）
3，Firefox变焦不变形（浮动元素与背景颜色差异边缘，不要使用1px边框）
4.不同分辨率下的背景失真（100％背景，加上最小宽度限制）
5，如何将文字放在图片的背景上进行优化
（1，文字层出去：位置：绝对; 2，文字层放下：z-index：-1px;不要使用透明色）
其次，IE6兼容优化：
1，inpit不支持border：none（general：input {border-width：0px;}）
2，不能继续父项属性（使用特定的定位特定属性）
3，外部CSS文件不能自我识别编码（请根据代码保存并声明）
4，Z-index图层属性无效（提供高级推广级别）
5，内容溢出导致布局失真（overflow：hidden）
6，重复字符（浮动元素最后一个明确：都是div）
7，ul和li具有基本的街道高度（ul style plus font-size：0;）
8，浮动元素具有双倍余量（浮动元素加显示：内联）
9，3像素问题（给显示元素保留至少3px的空间，它似乎并不占用这个位置 - 定位离开）空间计算公式：外边距×2 +内边距≤总空间-3px邻居。
10，少用浮动边框（其实我也纠结要用什么）
第三，在IE6默认的padding-left中删除默认的左边距IE：即使你使用！import做hack（正确），将其设置为0，仍然有左边距，（默认为子弹头内部，并且保留为子弹）
四种解决方法：
1，列表式位置：出局井
2，设置宽度，然后定义vertical-align：bottom
3，宽度外加宽度的定义不会产生空行距。
4，列表式：无;
设计时，无论谁使用效果，谁来解决问题。 其含义是：如果给出li边框效果，当鼠标改变边框的颜色时，无论里面的宽度和高度是否与li相同，都不能使用a来显示转换的边框。