❶ css 內邊距 外邊距問題!
其實你要理解內邊距、外邊距,首先要理解盒子模型(Box Model,也稱為框模型)。
想像你要顯示的內內容(element)被一容個盒子包圍住,這個盒子除了長和寬(height和width)之外,還有邊框(border)。什麼是內邊距呢?你看上面的圖,你的內容離你的邊框是不是有一段距離?這段距離就是內邊距。那什麼是外邊距呢?想像有兩個盒子,兩個盒子放在一起,那它們之間是不是也要有一段距離?沒錯,這就是外邊距。
你可以分別指定上下左右四個方向的外邊距和內邊距,通過margin和padding可以輕松實現。
具體的例子以及更詳細的說明,可以參考w3school的教程http://www.w3school.com.cn/css/css_boxmodel.asp。
❷ CSS內邊距外邊距演算法
外邊距是源指margin
可以這樣寫margin-top:4px; margin-left:4px; margin-right:4px; margin-bottom:4px; ;
也可以簡寫:margin:4px 8px; (上下外邊距是4px ,左右外邊距是8px);
也可以這樣簡寫 margin:4px 8px 6px; (上面外邊距是4px 左右外邊距是8px 下面外邊距是6px)。
內邊距是padding,和margin是一樣的用法。
一個盒子總寬度是margin+border+padding+width;(border也要算在尺寸里)
一個盒子總高度是margin+border+padding+height;(border也要算在尺寸里)
有什麼問題請繼續問
❸ css內邊距的問題,如圖
你用的屬性不對margin是外邊距,padding才是內邊距,如下圖
❹ css中的外邊距和內邊距到底怎麼回事
元素的盒模型
❺ css內邊距四個屬性值的問題
你好,padding屬性是用來定義內邊距的。每個邊的padding值的單位可以不一樣啊,只要是一專個合法的長度單屬位就可以了。我根據你的代碼畫了一個圖,請看:
明白了嗎?
如還有疑惑可以繼續追問,很高興與你交流。
❻ CSS padding: 10px 0;內邊距語句問題
這個可能是繼承父級的padding值或margin值,你可以寫padding:0;margin:0;,這樣清除繼承試試。還有查看是否是繼版承了父權級的padding、margin值可以用搜狗瀏覽器的高速模式點擊右鍵審查元素查看這塊代碼區的情況,比如下圖:圖中標注有border:1;margin:10;padding:0;
❼ 怎樣用css語言同時設置元素的內外邊距
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8">
<title>景安</title>
<styletype="text/css">
.zz{width:200px;height:100px;background:#00FF33;margin:5px;padding:5px;}
</style>
</head>
<body>
<divclass="zz"></div>
</body>
</html>
我們可以使用padding和margin屬性來設置內邊版距和外權邊距
❽ 如何設置CSS內邊距
元素的內邊來距在邊框和內容自區之間。控制該區域最簡單的屬性是 padding 屬性。
CSS padding 屬性定義元素的內邊距。padding 屬性接受長度值或百分比值,但不允許使用負值。
您還可以按照上、右、下、左的順序分別設置各邊的內邊距,各邊均可以使用不同的單位或百分比值:
h1 {padding: 10px 0.25em 2ex 20%;
也通過使用下面四個單獨的屬性,分別設置上、右、下、左內邊距:
padding 簡寫屬性。作用是在一個聲明中設置元素的所內邊距屬性。
padding-bottom 設置元素的下內邊距。
padding-left 設置元素的左內邊距。
padding-right 設置元素的右內邊距。
padding-top 設置元素的上內邊距。
❾ css所有元素內外邊距為0怎麼打代碼
如果對有所有元素可以使用通配符,代碼如下
*{margin:0;}
如果是指定的div那麼需要加上該div的類名
❿ html中div的外邊距和內邊距都是什麼意思,怎麼設置
內邊距padding的意思是: 邊框與內容之間的距離。
外邊距margin的意思是:邊框與邊框之間的距離。
外邊距margin
左邊距 margin-left:數值 | autoauto:即距離這個邊最遠的距離;
右邊距: margin-right:數值 | auto;
上邊距: margin-top:數值 ,這里不能用auto;
下邊距: margin-bottom:數值 這里也不能用auto;
外邊距的復合寫法
1、margin: 0px(上) 0px(右) 0px(下) 0px(左);
2、margin: 0px(上) 0px(左右) 0px(下);
3、margin: 0px(上下邊距) 0px(左右邊距);
4、margin: 0px(上下左右邊距都是0px);
例子: