\n<\/body>\n<\/html><\/pre>\n上述語法有助于創(chuàng)建示例網(wǎng)頁,并將在 HTML 的 head 部分使用 CSS 樣式中的填充樣式?;诖?,如果我們在 HTML 的其他部分和標簽中使用它,語法將會有所不同。<\/p>\n
與 margin 相比,Padding 是在某些 HTML 元素內(nèi)部創(chuàng)建的額外空間,但 margin 是在 HTML 元素外部創(chuàng)建的。每個元素,例如 Padding 和 margin,都是指 Padding、margins 和 border 與 HTML 容器的盒子模型組合而成的盒子模型。在該模型中,如果用戶需要在網(wǎng)頁中進行定制開發(fā),則用于 HTML 內(nèi)容(即文本或圖像、視頻等)的區(qū)域的中間部分會用一些內(nèi)邊距、邊距和邊框包圍。<\/p>\n
我們不會在必要時使用所有這些,但記住盒模型應(yīng)用于網(wǎng)頁上的每個標簽或元素是有益的。某些 CSS 樣式和屬性允許用屬性數(shù)量替換一串值,并且它們用用空格分隔的值表示。<\/p>\n
盒子內(nèi)部邊距和邊框區(qū)域以及HTML內(nèi)容區(qū)域之外的Padding,padding屬性,用于指定盒子容器內(nèi)統(tǒng)一的填充樣式。根據(jù)我們在代碼中的聲明和客戶要求,獨立指定三個或四個值。<\/p>\n
計算 Padding 的長度時,需要考慮某些允許的值,確保它們不是負數(shù);另外,計算包含框?qū)挾群透叨惹也话撝档陌俜直?。我們可以?HTML 網(wǎng)頁的圖像端使用 Padding,幫助在圖像和數(shù)據(jù)流(如 HTML 內(nèi)容)之間創(chuàng)建緩沖區(qū)。它給圖像提供了很小的呼吸空間,因此它們不會卡在文本或其他圖像中。<\/p>\n
我們通常將圖像放置在網(wǎng)頁的左側(cè),緊密附著數(shù)據(jù)內(nèi)容。沒有任何令人分心的接近圖片。盡管如此,當在右側(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 代碼中調(diào)用 javascript 函數(shù)后自動創(chuàng)建邊框樣式或填充樣式并調(diào)整其大小。通常,padding 屬性設(shè)置或返回 HTML 元素的 Padding,該屬性從單個值到四個值;我們將在下面討論每個填充值。<\/p>\n
HTML Padding 的示例如下:<\/p>\n
代碼:<\/strong><\/p>\n\n\n