您好,登錄后才能下訂單哦!
本文小編為大家詳細介紹“HTML中怎么使用值復制”,內容詳細,步驟清晰,細節處理妥當,希望這篇“HTML中怎么使用值復制”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。
無意,咱們會輸入一些一再的值:
p {margin: 0.5em 1em 0.5em 1em;}
通過值復制,您能夠無庸頻頻地鍵入這對數字。上面的劃定與下面的劃定規矩是等價的:
p {margin: 0.5em 1em;}
這兩個值大概承辦后背 4 個值。這是如何做到的呢?CSS 定義了一些規則,容許為外邊距指定少于 4 個值。規則以下:
如果缺少左外邊距的值,則使用右外邊距的值。
如果缺少下外邊距的值,則使用上外邊距的值。
如果短少右外邊距的值,則使用上外邊距的值。
下圖供應了更直觀的方法來領略這一點:
換句話說,如果為外邊距指定了 3 個值,則第 4 個值(即左外邊距)會從第 2 個值(右外邊距)復制失掉。如果給定了兩個值,第 4 個值會從第 2 個值復制獲取,第 3 個值(下外邊距)會從第 1 個值(上外邊距)復制獲得。收尾一個情況,如果只給定一個值,那末此外 3 個外邊距都由這個值(上外邊距)復制失掉。
把持這個容易的機制,您只需指定重要的值,而不用一切都應用 4 個值,例如:
h2 {margin: 0.25em 1em 0.5em;} /* 等價于 0.25em 1em 0.5em 1em */ h3 {margin: 0.5em 1em;} /* 等價于 0.5em 1em 0.5em 1em */ p {margin: 1px;} /* 等價于 1px 1px 1px 1px */
這種法子有一個小害處,您最后必然會碰著這個問題。若是盼愿把 p 元素的上外邊距和左外邊距設置為 20 像素,下外邊距和右外邊距設置裝備擺設為 30 像素。在這種環境下,必須寫作:
p {margin: 20px 30px 30px 20px;}
讀到這里,這篇“HTML中怎么使用值復制”文章已經介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內容的文章,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。