網(wǎng)站重構(gòu)和css編程進(jìn)階-wenkub
2022-08-29 13:43:48 本頁(yè)面
【正文】 mode），另一種是怪異模式（ quirks mode）； b. 標(biāo)準(zhǔn)性文檔聲明有很多種，一般推薦使用過(guò)渡型（ transitional）標(biāo)準(zhǔn)。 padding:10px。 解決方案 ： 使用統(tǒng)一的標(biāo)準(zhǔn)文檔聲明，不要給區(qū)塊添加具有指定寬度的填充，而是嘗試將填充或空白邊添加到父標(biāo)簽或子標(biāo)簽 。 border: 10px solid blue。 backgroundcolor: black。各標(biāo)簽在頁(yè)面上的位置是由標(biāo)簽在html代碼中的位置和自身的屬性（塊級(jí)標(biāo)簽或者內(nèi)聯(lián)標(biāo)簽）決定的。 》非常漂亮的純 CSS陰影效果 ③ 因?yàn)楦?dòng)元素脫離了文檔流，所以包含圖片和文本的 div不占據(jù)空間，所以要在這個(gè) div的某個(gè)地方清除浮動(dòng) *。通過(guò)同一個(gè)邊框顏色的漸變形成陰影。當(dāng)鼠標(biāo)滑過(guò)(hover)a時(shí)顯示 a的內(nèi)容。 圖文混排 * a. 浮動(dòng)的圖文混排 優(yōu)點(diǎn)：簡(jiǎn)單，方便。 實(shí)踐總結(jié) a. 區(qū)塊之間應(yīng)該獨(dú)立 * b. 準(zhǔn)確的使用 ID和 Class c. 使用 div和 span要賦給有意義的名稱 d. 不要過(guò)度使用沒(méi)有語(yǔ)義的 div和 span* e. 先編寫(xiě) html代碼，然后才是 CSS 五、編程規(guī)范 * 1. CSS命名規(guī)范 2. 六、瀏覽器 BUG和 CSS調(diào)試 1. 常見(jiàn)的瀏覽器 bug 2. CSS調(diào)試技巧 常見(jiàn)的瀏覽器 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 參考書(shū)目： 《 網(wǎng)站重構(gòu) 》 《 精通 CSS高級(jí) Web解決方案 》 。 圖文混排 * 優(yōu)點(diǎn)：定位準(zhǔn)確，重用性高。 表格和表單 a. 數(shù)據(jù)表格 ① caption ② thead,tbody,tfoot
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1