HTML中怎么使用值復(fù)制

本文小編為大家詳細(xì)介紹“HTML中怎么使用值復(fù)制”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“HTML中怎么使用值復(fù)制”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識(shí)吧。

無意，咱們會(huì)輸入一些一再的值：

p {margin: 0.5em 1em 0.5em 1em;}

通過值復(fù)制，您能夠無庸頻頻地鍵入這對(duì)數(shù)字。上面的劃定與下面的劃定規(guī)矩是等價(jià)的：

p {margin: 0.5em 1em;}

這兩個(gè)值大概承辦后背 4 個(gè)值。這是如何做到的呢？CSS 定義了一些規(guī)則，容許為外邊距指定少于 4 個(gè)值。規(guī)則以下：

• 如果缺少左外邊距的值，則使用右外邊距的值。

• 如果缺少下外邊距的值，則使用上外邊距的值。

• 如果短少右外邊距的值，則使用上外邊距的值。

下圖供應(yīng)了更直觀的方法來領(lǐng)略這一點(diǎn)：

換句話說，如果為外邊距指定了 3 個(gè)值，則第 4 個(gè)值（即左外邊距）會(huì)從第 2 個(gè)值（右外邊距）復(fù)制失掉。如果給定了兩個(gè)值，第 4 個(gè)值會(huì)從第 2 個(gè)值復(fù)制獲取，第 3 個(gè)值（下外邊距）會(huì)從第 1 個(gè)值（上外邊距）復(fù)制獲得。收尾一個(gè)情況，如果只給定一個(gè)值，那末此外 3 個(gè)外邊距都由這個(gè)值（上外邊距）復(fù)制失掉。

把持這個(gè)容易的機(jī)制，您只需指定重要的值，而不用一切都應(yīng)用 4 個(gè)值，例如：

h2 {margin: 0.25em 1em 0.5em;}	/* 等價(jià)于 0.25em 1em 0.5em 1em */
h3 {margin: 0.5em 1em;}		/* 等價(jià)于 0.5em 1em 0.5em 1em */
p {margin: 1px;}			/* 等價(jià)于 1px 1px 1px 1px */

這種法子有一個(gè)小害處，您最后必然會(huì)碰著這個(gè)問題。若是盼愿把 p 元素的上外邊距和左外邊距設(shè)置為 20 像素，下外邊距和右外邊距設(shè)置裝備擺設(shè)為 30 像素。在這種環(huán)境下，必須寫作：

p {margin: 20px 30px 30px 20px;}

讀到這里，這篇“HTML中怎么使用值復(fù)制”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道。