1、图片带来的问题
a、图片下方的间隙
解决方案
1）img{display：block} 不要设置全局选择器
2）img{vertical--align:top/bottom/middle}
b、图片的右侧有空隙
解决办法
1）不换行 继续写
2）设置浮动属性：float:left;
c、img和input一起使用垂直方向不对齐
img和文字垂直方向不对齐
解决办法
1）给img添加一个{vertial-align：center}
d、给图片添加超链接时，带边框（仅在IE浏览器中存在）
解决方法
img添加{boder:none}
e、给图片添加产链接第有边框，鼠标放上去变化边框，边框显示一半
解决办法
IE6：hover只能给a使用
a{display:blok;}
非IE6中可以给a或者img加：hover
2、间距带来的问题（margin和padding）
a、浏览器默认的内外边距不同
*{margin0；
padding：0；}
b、两个块级元素竖向的margin值不会叠加，期间距取最大值
c、给子元素加margin-top，但是作用在父元素上
解决方案
1)给父元素添加padding：0.1px；
2)给父元素加浮动
d、在IE6中浮动元素和未浮动元素处于同一行，有默认的间距3px（经典3像素问题）
解决办法
给为浮动的元素加浮动
e、IE6横向margin加倍
解决方法
display：inline；
f、在IE6中margin：0 auto不起作用；
3、行高及高度带来的问题
a、浮动带来的副作用，父元素的高度塌陷
解决办法
1、给父元素添加高度
2、在浮动的元素后面添加一个空白的div，给div清楚浮动
3、给父元素添加overflow：hidden
4、万能的清楚浮动方法
b、IE6不认识min-height（最小高度）
height：auto！important；
height：300px；
c、一行文本如何垂直居中
``line-height=height``
4、其他问题
a、opcaty：透明度（0-1）（IE8之前不认识这个属性）内容会随着透明
解决办法
加入filter：alpha（opacity=50）
rgba
5、游标手问题
cursor：pointer;
不要设置成hand（只能IE认识）
