<sup id="mioma"><rt id="mioma"></rt></sup>
  • \n<\/body>\n<\/html><\/pre>\n

    上述語(yǔ)法有助于創(chuàng)建示例網(wǎng)頁(yè),并將在 HTML 的 head 部分使用 CSS 樣式中的填充樣式?;诖?,如果我們?cè)?HTML 的其他部分和標(biāo)簽中使用它,語(yǔ)法將會(huì)有所不同。<\/p>\n

    填充在 HTML 中如何工作?<\/h3>\n

    與 margin 相比,Padding 是在某些 HTML 元素內(nèi)部創(chuàng)建的額外空間,但 margin 是在 HTML 元素外部創(chuàng)建的。每個(gè)元素,例如 Padding 和 margin,都是指 Padding、margins 和 border 與 HTML 容器的盒子模型組合而成的盒子模型。在該模型中,如果用戶需要在網(wǎng)頁(yè)中進(jìn)行定制開(kāi)發(fā),則用于 HTML 內(nèi)容(即文本或圖像、視頻等)的區(qū)域的中間部分會(huì)用一些內(nèi)邊距、邊距和邊框包圍。<\/p>\n

    我們不會(huì)在必要時(shí)使用所有這些,但記住盒模型應(yīng)用于網(wǎng)頁(yè)上的每個(gè)標(biāo)簽或元素是有益的。某些 CSS 樣式和屬性允許用屬性數(shù)量替換一串值,并且它們用用空格分隔的值表示。<\/p>\n

    盒子內(nèi)部邊距和邊框區(qū)域以及HTML內(nèi)容區(qū)域之外的Padding,padding屬性,用于指定盒子容器內(nèi)統(tǒng)一的填充樣式。根據(jù)我們?cè)诖a中的聲明和客戶要求,獨(dú)立指定三個(gè)或四個(gè)值。<\/p>\n

    計(jì)算 Padding 的長(zhǎng)度時(shí),需要考慮某些允許的值,確保它們不是負(fù)數(shù);另外,計(jì)算包含框?qū)挾群透叨惹也话?fù)值的百分比。我們可以在 HTML 網(wǎng)頁(yè)的圖像端使用 Padding,幫助在圖像和數(shù)據(jù)流(如 HTML 內(nèi)容)之間創(chuàng)建緩沖區(qū)。它給圖像提供了很小的呼吸空間,因此它們不會(huì)卡在文本或其他圖像中。<\/p>\n

    我們通常將圖像放置在網(wǎng)頁(yè)的左側(cè),緊密附著數(shù)據(jù)內(nèi)容。沒(méi)有任何令人分心的接近圖片。盡管如此,當(dāng)在右側(cè)面板中使用相同的圖像時(shí),填充會(huì)在圖像和文本之間創(chuàng)建一個(gè)緩沖區(qū);從用戶的角度來(lái)看,這將有助于獲得愉快的閱讀體驗(yàn)。我們還可以使用編輯操作(例如具有某些樣式屬性的 HTML 編輯器)在圖像畫(huà)布中添加 Padding,并在用戶選擇圖像后切換到富文本編輯器。<\/p>\n

    我們根據(jù)用戶或客戶的指示,在我們選擇或作為圖像內(nèi)容上傳到網(wǎng)頁(yè)的圖像的所有側(cè)面添加選擇性填充,例如 10 像素邊框;另外,我們可以根據(jù)用戶的需求,通過(guò)使用一些填充樣式來(lái)選擇性地添加填充,例如 padding-bottom 選項(xiàng)到 padding-right 。<\/p>\n

    4 個(gè)填充值<\/h4>\n

    我們可以在 javascript 函數(shù)中使用 Padding,在 HTML 代碼中調(diào)用 javascript 函數(shù)后自動(dòng)創(chuàng)建邊框樣式或填充樣式并調(diào)整其大小。通常,padding 屬性設(shè)置或返回 HTML 元素的 Padding,該屬性從單個(gè)值到四個(gè)值;我們將在下面討論每個(gè)填充值。<\/p>\n