網(wǎng)站重構(gòu)和css編程進(jìn)階-免費(fèi)閱讀
【正文】 缺點(diǎn)：需要清除浮動(dòng)。 圖像陰影和圖像映射 * 原理：將包含圖像的容器 div相對(duì)定位，然后設(shè)置a為塊級(jí)標(biāo)簽，并將其絕對(duì)定位，設(shè)置其定位的偏移量 (例如 top和 left)到要包含熱點(diǎn)位置的圖像上。 普通流、絕對(duì)定位、和浮動(dòng) 普通流、絕對(duì)定位、和浮動(dòng) 普通流、絕對(duì)定位、和浮動(dòng) 特點(diǎn)： ① 相對(duì)定位無(wú)論是否移動(dòng)，元素仍然占據(jù)原來(lái)的空間； ② 絕對(duì)定位不占據(jù)空間，絕對(duì)定位的標(biāo)簽位置相對(duì)于最近已定位的父標(biāo)簽，如果不存在，則相對(duì)于 body； ③ IE中如果相對(duì)于右 (right)和底部 (bottom)設(shè)置絕對(duì)定位，需要確定相對(duì)定位的框設(shè)置了尺寸 。 backgroundcolor: red。 border: 10px solid blue。 b. Class： 用于可以重用的區(qū)塊或者定義。 為什么要使用 Web標(biāo)準(zhǔn) a. 易于協(xié)同開(kāi)發(fā)和維護(hù) ，降低了帶寬成本 c. 提高網(wǎng)站易用性和用戶體驗(yàn) e. 搜索引擎優(yōu)化 (SEO) 結(jié)構(gòu)、表現(xiàn)和行為 W e b 標(biāo) 準(zhǔn)C S S結(jié) 構(gòu)表 現(xiàn)行 為X H T M LX M LD O ME C M A S c r i p t二、 CSS基礎(chǔ) 1. 糟糕的代碼和優(yōu)秀的代碼 2. 什么時(shí)候使用 ID，什么時(shí)候使用 Class 3. 錯(cuò)誤的命名和正確的命名 4. 塊級(jí)標(biāo)簽和內(nèi)聯(lián)標(biāo)簽 5. 瀏覽器模式和文檔類型聲明 6. CSS定義的優(yōu)先級(jí)順序和繼承關(guān)系 糟糕的代碼和優(yōu)秀的代碼 * a. 糟糕的代碼：沒(méi)有意義的標(biāo)簽，結(jié)構(gòu)和表現(xiàn)部分混雜在一起，不可讀。 三、 CSS中的布局 1. CSS中的盒模型 2. IE和 FF的盒模型解析差異 3. 三種定位機(jī)制：普通流、絕對(duì)定位和浮動(dòng) CSS中的盒模型 * IE和 FF的盒模型解析差異 * a. FF的差異 myBox { width:300px。 height:200px。 解決方
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1