網(wǎng)站重構(gòu)和css編程進(jìn)階-wenkub.com
2025-07-29 13:43 本頁面
【正文】 缺點(diǎn)：復(fù)雜，容易跟不上需求變化。當(dāng)然其他標(biāo)簽也可以，比如 p和 label的組合。 圖像陰影和圖像映射 * CSS的圖像映射 () 原理：在 a中增加兩個(gè) span，一個(gè)顯示黑邊框，一個(gè)顯示白邊框加上 a的黃色邊框。 圖像陰影和圖像映射 * CSS的圖像陰影 原理：分別給容器 div， img， a設(shè)置邊框，然后設(shè)置相對(duì)定位，向上和向左各便宜一個(gè)像素。 》 正文的圖文混排 ② 塊級(jí)元素 float以后就沒有默認(rèn)的 100%寬度。 普通流、絕對(duì)定位、和浮動(dòng) 默認(rèn)的定位。 height:50px。 padding:10px。 } IE和 FF的盒模型解析差異 * a. FF的差異 IE和 FF的盒模型解析差異 FF的差異 結(jié)論： FF區(qū)塊實(shí)際寬度不是內(nèi)容的定義寬度(width)，而是內(nèi)容，填充和邊框的寬度總和； 定義的寬度。 height:200px。 錯(cuò)誤的命名和正確的命名 塊級(jí)標(biāo)簽和內(nèi)聯(lián)標(biāo)簽 a. 塊級(jí)標(biāo)簽需要折行， display默認(rèn)屬性為 block，典型如 div， h1， ul等；可以設(shè)置寬，高； b. 內(nèi)聯(lián)標(biāo)簽不會(huì)折行， display默認(rèn)屬性為 inline，典型如 span， a， strong等；不能設(shè)置寬高，但是可以設(shè)置行高 。 b. 優(yōu)秀的代碼：具有語義，結(jié)構(gòu)和表現(xiàn)相分離，可讀，優(yōu)雅。網(wǎng)站重構(gòu)和 CSS編程進(jìn)階 鳳凰網(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)，對(duì)象模型(DOM)和腳本語言 (ECMAScript)。 ID和 Class* a. ID：用于標(biāo)識(shí)頁面唯一的區(qū)塊，比如說導(dǎo)航條，正文，版權(quán)。 瀏覽器模式和文檔類型聲明 a. 兩種瀏覽器模式一種是標(biāo)準(zhǔn)模式（ standard
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1