【正文】 析差異 * a. FF的差異 IE和 FF的盒模型解析差異 FF的差異 結(jié)論： FF區(qū)塊實際寬度不是內(nèi)容的定義寬度(width)，而是內(nèi)容，填充和邊框的寬度總和； 定義的寬度。網(wǎng)站重構(gòu)和 CSS編程進階 鳳凰網(wǎng)技術(shù)中心 應(yīng)用管理部 一、網(wǎng)站重構(gòu) 1. Web標(biāo)準(zhǔn)的定義 2. 為什么要使用 Web標(biāo)準(zhǔn) 3. 結(jié)構(gòu)、表現(xiàn)和行為 Web標(biāo)準(zhǔn)的定義 Web標(biāo)準(zhǔn)就是結(jié)構(gòu)化的語言 (XHTML和XML),解釋性語言 (CSS)，對象模型(DOM)和腳本語言 (ECMAScript)。 解決方案 ： 使用統(tǒng)一的標(biāo)準(zhǔn)文檔聲明，不要給區(qū)塊添加具有指定寬度的填充，而是嘗試將填充或空白邊添加到父標(biāo)簽或子標(biāo)簽 。 》非常漂亮的純 CSS陰影效果 ③ 因為浮動元素脫離了文檔流，所以包含圖片和文本的 div不占據(jù)空間，所以要在這個 div的某個地方清除浮動 *。 實踐總結(jié) a. 區(qū)塊之間應(yīng)該獨立 * b. 準(zhǔn)確的使用 ID和 Class c. 使用 div和 span要賦給有意義的名稱 d. 不要過度使用沒有語義的 div和 span* e. 先編寫 html代碼，然后才是 CSS 五、編程規(guī)范 * 1. CSS命名規(guī)范 2. 六、瀏覽器 BUG和 CSS調(diào)試 1. 常見的瀏覽器 bug 2. CSS調(diào)試技巧 常見的瀏覽器 bug * a. 雙空白邊 (Doublemargin)浮動 bug b. IE6重復(fù)字符 bug CSS調(diào)試技巧 a. 增加 border b. 增加帶顏色的背景 (background) 七、更深入的話題 1. CSS Framework 2. CSS Filter 3. CSS 2 The End 參考書目： 《 網(wǎng)站重構(gòu) 》 《 精通 CSS高級 Web解決方案 》 。 圖像陰影和圖像映射 * 原理：給圖像加上邊框 (border)和填充 (padding)。 height:200