這篇文章主要介紹了CSS值復(fù)制問題怎么解決的相關(guān)知識(shí),內(nèi)容詳細(xì)易懂,操作簡(jiǎn)單快捷,具有一定借鑒價(jià)值,相信大家閱讀完這篇CSS值復(fù)制問題怎么解決文章都會(huì)有所收獲,下面我們一起來看看吧。
成都創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),新干企業(yè)網(wǎng)站建設(shè),新干品牌網(wǎng)站建設(shè),網(wǎng)站定制,新干網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,新干網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿,時(shí)刻以成就客戶成長(zhǎng)自我,堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
如何使用值復(fù)制。
偶然,我們會(huì)輸入一些幾回再三的值:
p {margin: 0.5em 1em 0.5em 1em;}
經(jīng)過值復(fù)制,您大約無庸重復(fù)地鍵入這對(duì)數(shù)字。上面的規(guī)則與下面的劃定是等價(jià)的:
p {margin: 0.5em 1em;}
這兩個(gè)值可以包攬后面 4 個(gè)值。這是若何做到的呢?CSS 定義了一些規(guī)則,允許為外邊距指定少于 4 個(gè)值。規(guī)定下列:
如果短少左外邊距的值,則使用右外邊距的值。
如果缺少下外邊距的值,則使用上外邊距的值。
如果缺少右外邊距的值,則使用上外邊距的值。
下圖提供了更直觀的方法來體會(huì)這一點(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è)簡(jiǎn)單的機(jī)制,您只有指定重要的值,而不必全數(shù)都應(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è)小時(shí)弊,您收尾必定會(huì)遇到這個(gè)題目。如果盼愿把 p 元素的上外邊距與左外邊距設(shè)置裝備擺設(shè)為 20 像素,下外邊距和右外邊距設(shè)置裝備擺設(shè)為 30 像素。在這類環(huán)境下,必需寫作:
p {margin: 20px 30px 30px 20px;}
這樣伎倆失去您想要的事實(shí)。痛惜的是,在這種環(huán)境下,所需值的個(gè)數(shù)不有法子更少了。
再來看另一個(gè)例子。如果指望除了左外邊距以外所有其他外邊距但凡 auto(左外邊距是 20px):
p {margin: auto auto auto 20px;}
同樣的,這樣技巧失掉你想要的成績(jī)。標(biāo)題在于,鍵入這些 auto 有些麻煩。如果您只是渴望管教元素單邊上的外邊距,請(qǐng)使用單邊外邊距屬性。
關(guān)于“CSS值復(fù)制問題怎么解決”這篇文章的內(nèi)容就介紹到這里,感謝各位的閱讀!相信大家對(duì)“CSS值復(fù)制問題怎么解決”知識(shí)都有一定的了解,大家如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。