3.11日(rì)音(yīn)訊,網站(zhàn)建©$•設之text-indent的(de)巧用(yòng)。首先申明(↑$"míng)一(yī)點,就(jiù)是(shì)我們中文(wén)的(de)€ 段落有(yǒu)個(gè)空(kōng)兩格的(de)要(yào)✔求,這(zhè)就(jiù)也(yě)使得(de)在網站(zhàn)制∏ (zhì)作(zuò)的(de)時(shí)候也(<♣yě)要(yào)空(kōng)兩格,記得(de)過去(qù)₹♣÷σ剛開(kāi)始學習(xí)制(zhì)作(z₹™uò)頁面的(de)時(shí)候,要(yào)想讓γ•✘¥一(yī)段文(wén)字首行(xíng)縮進兩個(gè)文(wénγ'')字,總是(shì)在前面加上(shàng)8個(gè)“&rd®¶₽↓quo;,因為(wèi)過去(qù)大(dà)家(©π'jiā)對(duì)CSS不(bù)熟悉,這σδ♠(zhè)種方法實現(xiàn)雖然比較直×¶♦接,但(dàn)是(shì)文(wén)字多(du∑∞ō)的(de)時(shí)候會(huì)有(yǒu)很(hěn ≠)多(duō)“”充斥在代碼中,代碼顯著(z♣✘↓he)比較亂,現(xiàn)在我們實現(xiàn)這(zhè)種效果就(jiπ"ù)簡單多(duō)了(le),直接在CSS代φ€ 碼中加入:
text-indent:2em;
就(jiù)很(hěn)容易實現(xiàn)文₩↑(wén)本段落的(de)縮進~
text-indent:2em;
解釋一(yī)下(xià):text的(de)意思是(shì)文(wé↔≤n)本,indent在計(jì)算(suàn)機(jī)英語Ω"♦™中意思是(shì)縮進,至于後面的(de)2em意思就(jiù)∑ 是(shì)2個(gè)相(xiàng)對(duì)單位;
em又(yòu)是(shì)什(shén↔₹)麽單位?
em這(zhè)個(gè)單位的(de)™€×≠意思就(jiù)是(shì)文(wén)字的(dΩφe)高(gāo)度,1em就(jiù)是(shì)1個(gè)<π文(wén)字的(de)高(gāo)度,2em就(jiù)是(shì)兩個(gβ☆ è)文(wén)字高(gāo)度,所以我們寫α↕ ↔的(de)“text-indent:2em;&rdqu¶o;的(de)意思就(jiù)是(shì),文(wén)本縮進2個(δ&↔gè)文(wén)字的(de)高(gāo)度,因為(wèi)漢字是(shì)₹ ₽方塊字,高(gāo)度和(hé)寬度是(shì)一(yφε≈ī)樣的(de),所以縮進2個(gè)文(wén)字的♥ (de)高(gāo)度,就(jiù)等于縮進兩個(gè)文£••£(wén)字的(de)寬度,最後的(de)效果就(jiù)✘↔是(shì)縮進了(le)兩個(gè)文(wén)字。
【說(shuō)明(míng)一(yī)Ω™點】
對(duì)于"text-indent:2em;&quo£★t;屬性,隻能(néng)加在塊狀元素上(shàng≈≤)面,內(nèi)聯元素是(shì)不(bù)起作(zuò)用(yòng"₽)的(de)。也(yě)就(jiù)是(shì)說(shuō)如(rú)果想≠$♥讓內(nèi)聯元素也(yě)有(yǒu)作(zuò)用(yòng),就♦∏σ$(jiù)先把它變成塊元素,然後在利用(yòng)。