上述語法有助於建立範(fàn)例網(wǎng)頁，並將在 HTML 的 head 部分使用 CSS 樣式中的填滿樣式?；洞?，如果我們在 HTML 的其他部分和標(biāo)籤中使用它，語法將會有所不同。 <\/p>\n
與 margin 相比，Padding 是在某些 HTML 元素內(nèi)部建立的額外空間，但 margin 是在 HTML 元素外部建立的。每個元素，例如 Padding 和 margin，都是指 Padding、margins 和 border 與 HTML 容器的盒子模型組合而成的盒子模型。在這個模型中，如果使用者需要在網(wǎng)頁中進(jìn)行客製化開發(fā)，則用於 HTML 內(nèi)容（即文字或圖像、影片等）的區(qū)域的中間部分會用一些內(nèi)邊距、邊距和邊框包圍。 <\/p>\n
我們不會在必要時使用所有這些，但記住盒模型應(yīng)用於網(wǎng)頁上的每個標(biāo)籤或元素是有益的。某些 CSS 樣式和屬性允許用屬性數(shù)量替換一串值，並且它們用用空格分隔的值表示。 <\/p>\n
盒子內(nèi)部邊距和邊框區(qū)域以及HTML內(nèi)容區(qū)域之外的Padding，padding屬性，用於指定盒子容器內(nèi)統(tǒng)一的填充樣式。根據(jù)我們在程式碼中的聲明和客戶要求，獨立指定三個或四個值。 <\/p>\n
計算 Padding 的長度時，需要考慮某些允許的值，確保它們不是負(fù)數(shù)；另外，計算包含框?qū)挾群透叨惹也话?fù)值的百分比。我們可以在 HTML 網(wǎng)頁的圖像端使用 Padding，幫助在圖片和資料流（如 HTML 內(nèi)容）之間建立緩衝區(qū)。它給圖像提供了很小的呼吸空間，因此它們不會卡在文字或其他圖像中。 <\/p>\n
我們通常會將圖像放置在網(wǎng)頁的左側(cè)，並緊密附著資料內(nèi)容。沒有任何令人分心的接近圖片。儘管如此，當(dāng)在右側(cè)面板中使用相同的圖像時，填充會在圖像和文字之間創(chuàng)建一個緩衝區(qū)；從使用者的角度來看，這將有助於獲得愉快的閱讀體驗。我們也可以使用編輯操作（例如具有某些樣式屬性的 HTML 編輯器）在圖像畫布中新增 Padding，並在使用者選擇圖像後切換到富文本編輯器。 <\/p>\n
我們根據(jù)使用者或客戶的指示，在我們選擇或作為圖像內(nèi)容上傳到網(wǎng)頁的圖像的所有側(cè)面添加選擇性填充，例如10 像素邊框；另外，我們可以根據(jù)使用者的需求，透過使用一些填充樣式來選擇性地添加填充，例如padding-bottom 選項到padding-right 。 <\/p>\n
我們可以在 javascript 函數(shù)中使用 Padding，在 HTML 程式碼中呼叫 javascript 函數(shù)後自動建立邊框樣式或填滿樣式並調(diào)整其大小。通常，padding 屬性設(shè)定或傳回 HTML 元素的 Padding，該屬性從單一值到四個值；我們將在下面討論每個填充值。 <\/p>\n
HTML Padding 的範(fàn)例如下：<\/p>\n
代碼：<\/strong><\/p>\n\n\n