網(wǎng)站重構(gòu)和css編程進(jìn)階-資料下載頁
2025-08-01 13:43本頁面
【正文】 a標(biāo)簽的透明度設(shè)置為 1。 圖像陰影和圖像映射 * CSS的圖像映射 () 原理：在 a中增加兩個(gè) span，一個(gè)顯示黑邊框，一個(gè)顯示白邊框加上 a的黃色邊框。當(dāng)鼠標(biāo)滑過(hover)a時(shí)顯示 a的內(nèi)容。 a href= target=_blank class=ent span class=outer span class=inner /span /span /a 表格和表單 * a. 數(shù)據(jù)表格 表格的作用就是用來展現(xiàn)二維數(shù)據(jù)的。 表格和表單 a. 數(shù)據(jù)表格 ① caption ② thead,tbody,tfoot ③ th 表格和表單 * 和表格 table類似，一個(gè)展現(xiàn)二維數(shù)據(jù)，一個(gè)是收集二維的數(shù)據(jù) (鍵值對 )，推薦使用table來組織表單。當(dāng)然其他標(biāo)簽也可以，比如 p和 label的組合。 圖文混排 * a. 浮動(dòng)的圖文混排 優(yōu)點(diǎn)：簡單，方便。 缺點(diǎn)：需要清除浮動(dòng)。 圖文混排 * 優(yōu)點(diǎn)：定位準(zhǔn)確，重用性高。 缺點(diǎn)：復(fù)雜，容易跟不上需求變化。 實(shí)踐總結(jié) a. 區(qū)塊之間應(yīng)該獨(dú)立 * 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)浮動(dòng) 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解決方案 》
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1