在進(jìn)行CSS編寫的時(shí)候,我們經(jīng)常需要添加空格或者空行來進(jìn)行排版或者美化代碼的功能。
這時(shí)候我們就需要使用CSS的空格控制方法了。其中最常用的就是文本縮進(jìn)與段落間距調(diào)整。
CSS的文本縮進(jìn)可以通過 “text-indent” 屬性來實(shí)現(xiàn),例如:
p { text-indent: 2em; }
上述代碼表示,定義一個(gè)p元素,其文本內(nèi)容向右縮進(jìn)2個(gè)字符。
另外,我們也可以調(diào)整段落之間的間距,通過 “margin-top” 與 “margin-bottom” 屬性來實(shí)現(xiàn):
p { margin-top: 10px; margin-bottom: 20px; }
上述代碼表示,定義一個(gè)p元素,其與上面的元素之間間距為10個(gè)像素,與下面的元素之間間距為20個(gè)像素。
總之,在CSS編寫的時(shí)候,我們可以通過適當(dāng)添加空格與空行來達(dá)到更好的排版效果,讓代碼更加清晰易讀。