網(wǎng)站重構(gòu)和css編程進(jìn)階(更新版)
【正文】 標(biāo)簽上面，子標(biāo)簽和父標(biāo)簽之間不在有間距。 四、實(shí)踐 1. 超鏈接樣式 2. 分頁 3. 圓角框 4. 導(dǎo)航條 5. 滑動(dòng)門技術(shù) 6. 圖像陰影和圖像映射 7. 表格和表單 8. 圖文混排 超鏈接樣式 * a. 背景圖結(jié)合填充 b. 設(shè)置為塊級(jí)標(biāo)簽獲得寬高屬性 c. 用文本縮進(jìn)隱藏文字鏈接 d. 鏈接偽類實(shí)現(xiàn)背景替換 分頁樣式 * a. 圓角框 a. 簡(jiǎn)單的圓角框 圓角框 * b. 高度自適應(yīng)的圓角框 圓角框 c. 高度和寬度都自適應(yīng)的圓角框 導(dǎo)航條 a. 垂直導(dǎo)航條 ul liAutos/li liFinance/li liGames/li liGeoCities/li liGroups/li /ul 導(dǎo)航條 * b. 水平導(dǎo)航條 ul lia href= target=_blank生活休閑 /a/li lia href= target=_blank文化視線 /a/li lia href= target=_blank心理測(cè)試 /a/li lia href= target=_blank家居家飾 /a/li lia href= target=_blank飲食男女 /a/li lia href= target=_blank科技數(shù)碼 /a/li lia href= target=_blank視頻大賞 /a/li lia href= target=_blank寫真美圖 /a/li /ul 導(dǎo)航條 c. 導(dǎo)航條變體 滑動(dòng)門技術(shù) * 圖像陰影和圖像映射 * 原理：將一個(gè)大的陰影圖像作為一個(gè)容器 div的背景，然后用負(fù)值的空白邊 (margin)偏移圖像，從而顯示出陰影。 a href= target=_blank class=ent span class=outer span class=inner /span /span /a 表格和表單 * a. 數(shù)據(jù)表格 表格的作用就是用來展現(xiàn)二維數(shù)據(jù)
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1