1、圖片帶來的問題
a、圖片下方的間隙
解決方案
1）img{display：block} 不要設置全局選擇器
2）img{vertical--align:top/bottom/middle}
b、圖片的右側(cè)有空隙
解決辦法
1）不換行 繼續(xù)寫
2）設置浮動屬性：float:left;
c、img和input一起使用垂直方向不對齊
img和文字垂直方向不對齊
解決辦法
1）給img添加一個{vertial-align：center}
d、給圖片添加超鏈接時，帶邊框（僅在IE瀏覽器中存在）
解決方法
img添加{boder:none}
e、給圖片添加產(chǎn)鏈接第有邊框，鼠標放上去變化邊框，邊框顯示一半
解決辦法
IE6：hover只能給a使用
a{display:blok;}
非IE6中可以給a或者img加：hover
2、間距帶來的問題（margin和padding）
a、瀏覽器默認的內(nèi)外邊距不同
*{margin0；
padding：0；}
b、兩個塊級元素豎向的margin值不會疊加，期間距取最大值
c、給子元素加margin-top，但是作用在父元素上
解決方案
1)給父元素添加padding：0.1px；
2)給父元素加浮動
d、在IE6中浮動元素和未浮動元素處于同一行，有默認的間距3px（經(jīng)典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之前不認識這個屬性）內(nèi)容會隨著透明
解決辦法
加入filter：alpha（opacity=50）
rgba
5、游標手問題
cursor：pointer;
不要設置成hand（只能IE認識）
