久久久精品一区ed2k-女人被男人叉到高潮的视频-中文字幕乱码一区久久麻豆樱花-俄罗斯熟妇真实视频

    標(biāo)準(zhǔn)W3C盒子模型和IE盒子模型

    2022-05-27    分類： 網(wǎng)站建設(shè)

    CSS盒子模型：網(wǎng)頁設(shè)計(jì)中CSS技術(shù)所使用的一種思維模型。

    CSS盒子模型組成：外邊距（margin）、邊框（border）、內(nèi)邊距（padding）、內(nèi)容（content）。

    CSS盒子模型分為：標(biāo)準(zhǔn)W3C盒子模型，IE盒子模型，注意在兩種模型中寬
    （width）和高（height）包括屬性的不同。

    標(biāo)準(zhǔn)W3C盒子模型：

    W3C模型中：

    　　　　CSS中的寬（width）=內(nèi)容（content）的寬

    　　　　CSS中的高（height）=內(nèi)容（content）的高

    eg:

    　　<div COLOR: #000000">width:50px;height:50px;padding:2px;border:1px solid blue;margin:3px;">

    　　　　W3C模型

    　　</div>

    則此div的實(shí)際大?。?/p>

    　　　　　　div高=height+（padding+border+margin）*2=50+(2+1+3)*2=62px;

    　　　　　　div寬=width+（padding+border+margin）*2=50+(2+1+3)*2=62px;

    div內(nèi)容占大?。?/p>

    　　　　　　div高=height=50px;

    　　　　　　div寬=width=50px;


     IE盒子模型：

    IE模型中：

    　　　　CSS中的寬（width）=內(nèi)容（content）的寬+（border+padding）*2

    　　　　CSS中的高（height）=內(nèi)容（content）的高+（border+padding）*2

    eg:

    　　<div COLOR: #000000">width:50px;height:50px;padding:2px;border:1px solid blue;margin:3px;">

    　　　　W3C模型

    　　</div>

    則此div的實(shí)際大?。?/p>

    　　　　　　div高=height+margin*2=50+3*2=56px;

    　　　　　　div寬=width+margin*2=50+3*2=62px;

    div內(nèi)容占大?。?/p>

    　　　　　　div高=height-（border+padding）*2=50-（1+2）*2=44px;

    　　　　　　div寬=width-（border+padding）*2=50-（1+2）*2=44px;

    解決辦法：

    在代碼頂部加如下的 doctype 聲明，

    <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en"
    "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">

    使頁面以W3C盒子模型渲染。

    eg：

    <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en"
    "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
    <html>
    <head>
    <title>標(biāo)準(zhǔn)w3c盒子模型</title>
    </head>
    <body>
    </body>
    </html>

    為了讓網(wǎng)頁能兼容各個瀏覽器，讓我們用標(biāo)準(zhǔn) w3c 盒子模型。

    當(dāng)前標(biāo)題：標(biāo)準(zhǔn)W3C盒子模型和IE盒子模型
    文章URL：http://sd-ha.com/news44/159994.html

    成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、品牌網(wǎng)站制作、網(wǎng)站收錄、電子商務(wù)、定制網(wǎng)站、域名注冊

    廣告

    聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

    綿陽服務(wù)器托管