網(wǎng)站重構(gòu)和css編程進(jìn)階-文庫(kù)吧資料
2024-08-14 13:43本頁(yè)面
【正文】 普通流、絕對(duì)定位、和浮動(dòng) c. 浮動(dòng) 特點(diǎn)： ① 當(dāng)元素浮動(dòng)時(shí)，它將不再處于文檔流中，相當(dāng)于浮在文檔之上，不占據(jù)空間，但是會(huì)縮短行框。各標(biāo)簽在頁(yè)面上的位置是由標(biāo)簽在html代碼中的位置和自身的屬性（塊級(jí)標(biāo)簽或者內(nèi)聯(lián)標(biāo)簽）決定的。 解決方案 ： 使用統(tǒng)一的標(biāo)準(zhǔn)文檔聲明，不要在父、子標(biāo)簽重復(fù)定義 padding和 margin屬性。 backgroundcolor: black。 } myBox .subBox { margin:20px。 border: 10px solid blue。 height:200px。 解決方案 ： 使用統(tǒng)一的標(biāo)準(zhǔn)文檔聲明，不要給區(qū)塊添加具有指定寬度的填充，而是嘗試將填充或空白邊添加到父標(biāo)簽或子標(biāo)簽 。 backgroundcolor: red。 padding:10px。 三、 CSS中的布局 1. CSS中的盒模型 2. IE和 FF的盒模型解析差異 3. 三種定位機(jī)制：普通流、絕對(duì)定位和浮動(dòng) CSS中的盒模型 * IE和 FF的盒模型解析差異 * a. FF的差異 myBox { width:300px。 瀏覽器模式和文檔類型聲明 a. 兩種瀏覽器模式一種是標(biāo)準(zhǔn)模式（ standard mode），另一種是怪異模式（ quirks mode）； b. 標(biāo)準(zhǔn)性文檔聲明有很多種，一般推薦使用過(guò)渡型（ transitional）標(biāo)準(zhǔn)。 注意：不要濫用 ID和 Class。 ID和 Class* a. ID：用于標(biāo)識(shí)頁(yè)面唯一的區(qū)塊，比如說(shuō)導(dǎo)航條，正文，版權(quán)。 為什么要使用 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二、
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1