網(wǎng)站重構(gòu)和css編程進(jìn)階(文件)
【正文】 ③ th 表格和表單 * 和表格 table類似，一個(gè)展現(xiàn)二維數(shù)據(jù)，一個(gè)是收集二維的數(shù)據(jù) (鍵值對(duì) )，推薦使用table來組織表單。為了修正 IE和 Opera瀏覽器，設(shè)置背景顏色并把 a標(biāo)簽的透明度設(shè)置為 1。 圖像陰影和圖像映射 * 原理：給圖像加上邊框 (border)和填充 (padding)。 普通流、絕對(duì)定位、和浮動(dòng) * c. 浮動(dòng) 普通流、絕對(duì)定位、和浮動(dòng) * c. 浮動(dòng) 普通流、絕對(duì)定位、和浮動(dòng) * c. 浮動(dòng) 普通流、絕對(duì)定位、和浮動(dòng) c. 浮動(dòng) 特點(diǎn)： ① 當(dāng)元素浮動(dòng)時(shí)，它將不再處于文檔流中，相當(dāng)于浮在文檔之上，不占據(jù)空間，但是會(huì)縮短行框。 解決方案 ： 使用統(tǒng)一的標(biāo)準(zhǔn)文檔聲明，不要在父、子標(biāo)簽重復(fù)定義 padding和 margin屬性。 } myBox .subBox { margin:20px。 height:200px。 backgroundcolor: red。 三、 CSS中的布局 1. CSS中的盒模型 2. IE和 FF的盒模型解析差異 3. 三種定位機(jī)制：普通流、絕對(duì)定位和浮動(dòng) CSS中的盒模型 * IE和 FF的盒模型解析差異 * a. FF的差異 myBox { width:300px。 注意：不要濫用 ID和 Class。 為什么要使用 Web標(biāo)準(zhǔn) a. 易于協(xié)同開發(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. 瀏覽器模式和文檔類型聲明
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1