網(wǎng)站重構(gòu)和css編程進(jìn)階-預(yù)覽頁
【正文】 圖文混排 超鏈接樣式 * a. 背景圖結(jié)合填充 b. 設(shè)置為塊級標(biāo)簽獲得寬高屬性 c. 用文本縮進(jìn)隱藏文字鏈接 d. 鏈接偽類實現(xiàn)背景替換 分頁樣式 * a. 圓角框 a. 簡單的圓角框 圓角框 * 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心理測試 /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)航條變體 滑動門技術(shù) * 圖像陰影和圖像映射 * 原理：將一個大的陰影圖像作為一個容器 div的背景，然后用負(fù)值的空白邊 (margin)偏移圖像，從而顯示出陰影。 圖像陰影和圖像映射 * 原理：將包含圖像的容器 div相對定位，然后設(shè)置a為塊級標(biāo)簽，并將其絕對定位，設(shè)置其定位的偏移量 (例如 top和 left)到要包含熱點位置的圖像上。 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號-1