一、學習總結

1、內容：一天一問之常見瀏覽器相容性問題？

所謂瀏覽器相容性問題，是因為不同的瀏覽器對同一段程式碼的解析不同，造成顯示頁面的效果不同。常見的相容性問題：

（1）不同瀏覽器的標籤預設的外補丁與內補丁不同，各自的margin和padding差異大；

問題解決：css裡*{margin：0；padding 0}加*除掉差異。

（2）塊屬性標籤float後又有橫行margin情況下，在IE6顯示margin比設定的值大；

問題解決：在float標籤樣式中加入display：inline；將其轉換為行內元素。

（3）設定較小高度標籤（一般小於10px），在IE6,IE7，遨遊中高度超出設定的高度；

問題解決：給超出高度的標籤設定overflow：hidden；或者設定行高line-height小於你設定的行高。

（4）行內屬性標籤設定display：block後採用float佈局，又有橫行的margin的情況，IE6間距bug；

為題解決：在display：block；後面加入display：inline；display：table。

（5）圖片的預設間距；

問題解決：使用float屬性為img佈局。

（6）標籤的最低高度設定min-height不相容；

問題解決：如果設定一個標籤的最小高度，需要進行設定{min-height：200px；height：auto！import；height：200px;overflow：visible}。

（7）透明度的相容css設定；

上面是常見瀏覽器的相容性問題，出現的機率遞減。學習了jquery庫。

2、目的：瞭解常見瀏覽器的相容性問題，對前端開發會很有幫助。

二、工作總結

1、內容：暫無具體的工作安排

2、目的：無

三、問題總結

1、內容：無

2、目的：無

四、明日計劃

1、內容：繼續學習jquery庫的應用，整理學習筆記。

2、目的：學習jquery的應用，對了解當下最流行的web前端開發的javascript框架很有必要。