欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

對(duì)div盒子模型使用心得總結(jié)

  發(fā)布時(shí)間：2013-08-30 16:39:47   作者：佚名   我要評(píng)論
相信每一個(gè)從事web開(kāi)發(fā)的人對(duì)盒子模型都有一個(gè)特殊的理解吧，本文也有一個(gè)理解并附有示例代碼，喜歡的朋友可以參考下
盒子模型的計(jì)算
外邊距(margin)+邊框(border)+內(nèi)邊距(padding)+內(nèi)容(content)

在css中的width和height只是對(duì)內(nèi)容區(qū)域的高和寬設(shè)定.不是對(duì)整個(gè)和模型的高和寬設(shè)定.

復(fù)制代碼
代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>demo</title>
<style type="text/css">
*{margin:0; padding:0;}
dl { background:red;border:10px solid #000; width:100px; height:100px;}
dt { background:yellow;}
dd { background:green;}
</style>
</head>
<body>
<dl>
<dt>test of dt</dt>
<dd>test of dd</dd>
</dl>
</body>
</html>

設(shè)置外邊距和內(nèi)邊距都不會(huì)影響內(nèi)容區(qū)域的高度和寬度,僅僅會(huì)改變次盒子模型的區(qū)域的高寬.

在盒模型嵌套的情況下,里層盒模型會(huì)影響到外層的盒模型.

相關(guān)文章

最新評(píng)論