HTML之margin和padding的區別

2021-09-23 07:47:46 字數 823 閱讀 8297

想要理解margin和padding的區別,首先應該明白在進行網頁製作時都會遇到設定邊距的情況,邊距又分為外邊距(margin)和內邊距(padding)

margin的用法

1、設定距離同級標籤的間距;

2、設定距離父標籤的間距;

關於邊距距離的設定,規則如下:

margin: 20px;/*四周相同*/

margin: 10px 20px;/*10px上下 20px左右 */

margin: 10px 15px 30px;/*10px上 15px左右 30px下*/

margin: 10px 15px 20px 25px;/*上右下左*/

設定自動居中則可以使用

margin:0 auto;
padding的用法大體上來說,與padding 略有不同,但是在距離設定上一致,此處不再敘述

區別

margin和padding是在html中的盒模型的基礎上出現的,margin是盒子的外邊距,即盒子與盒子之間的距離,而padding是內邊距,是盒子的邊與盒子內部元素的距離。具體可以參考下示意圖:

margin示意圖:

padding示意圖

解析HTML中的float和margin的疑惑

對於html中的一些小疑惑,在這裡進行解析一下。div是基於行,就是乙個div佔據一行,不會讓別的元素,和自己同行。span 不是基於行的,就是乙個span 有空 專,不會單獨占用一行。css樣式的 float 浮動屬性,用於設定標籤物件 如 標籤盒子 標籤 標籤 標籤等html 標籤 的浮動布局 ...

IC設計之PAD隨記

個人空間 日誌檢視 550 評分 0 0 在做專案前確定工藝規格,然後選擇一套庫包括logic library io library 和pll library。core電壓支援1.2,2.5,3.3v,pad電壓 3.3v。pad分為三類 standard io pad,crystal io pad...

via和pad的區別

1 via via稱為過孔,有通孔 盲孔和埋孔之分,主要用於同一網路在不同層的導線的連線,一般不用作焊接元件。其中 1 盲孔是是用於表層線路和內層線路的連線 多層板中才有,就是只能看到孔的乙個頭,另乙個頭沒有穿透板子 2 埋孔是內層線路和內層線路的連線 多層板中才有,在外面不能看到埋孔 3 通孔是穿...