中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

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

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

CSS盒子模型:網(wǎng)頁(yè)設(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)容占大小:

      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">

使頁(yè)面以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)頁(yè)能兼容各個(gè)瀏覽器,讓我們用標(biāo)準(zhǔn) w3c 盒子模型。

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

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

廣告

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

綿陽服務(wù)器托管
迭部县| 康定县| 石柱| 汾阳市| 长岛县| 方正县| 肥城市| 工布江达县| 千阳县| 贵港市| 津南区| 陵水| 永善县| 井研县| 无为县| 吉水县| 石狮市| 酒泉市| 周口市| 长乐市| 临城县| 东明县| 固镇县| 康保县| 聂拉木县| 宽城| 西藏| 原平市| 东丰县| 江门市| 禄劝| 怀来县| 都昌县| 天峻县| 即墨市| 阿合奇县| 灵山县| 天长市| 镇雄县| 吴江市| 清新县|