網(wǎng)站重構(gòu)和css編程進(jìn)階-文庫吧
2025-07-17 13:43 本頁面
【正文】 模式（ quirks mode）； b. 標(biāo)準(zhǔn)性文檔聲明有很多種，一般推薦使用過渡型（ transitional）標(biāo)準(zhǔn)。 !DOCTYPE html PUBLIC //W3C//DTD XHTML Transitional//EN html xmlns= CSS優(yōu)先級(jí)循序和繼承關(guān)系 ： p{} div p{} {} ment{} divcontent container content{} style=”” ： 子定義會(huì)繼承父定義 ， 但會(huì)覆蓋父定義的內(nèi)容 。 三、 CSS中的布局 1. CSS中的盒模型 2. IE和 FF的盒模型解析差異 3. 三種定位機(jī)制：普通流、絕對(duì)定位和浮動(dòng) CSS中的盒模型 * IE和 FF的盒模型解析差異 * a. FF的差異 myBox { width:300px。 height:200px。 padding:10px。 border: 10px solid blue。 backgroundcolor: red。 } IE和 FF的盒模型解析差異 * a. FF的差異 IE和 FF的盒模型解析差異 FF的差異 結(jié)論： FF區(qū)塊實(shí)際寬度不是內(nèi)容的定義寬度(width)，而是內(nèi)容，填充和邊框的寬度總和； 定義的寬度。 解決方案 ： 使用統(tǒng)一的標(biāo)準(zhǔn)文檔聲明，不要給區(qū)塊添加具有指定寬度的填充，而是嘗試將填充或空白邊添加到父標(biāo)簽或子標(biāo)簽 。 IE和 FF的盒模型解析差異 * b. FF標(biāo)準(zhǔn)模式解析差異 myBox { width:300px。 height:200px。 padding:10px。 border: 10px solid blue。 backgroundcolor: red。 } myBox .subBox { margin:20px。 height:50px。 backgroundcolor: black。 } IE和 FF的盒模型解析差
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1