說(shuō)完HTML語(yǔ)言CSS字體的縮進(jìn)text-indent,接下來(lái)我們講下字體的行間距屬性 line-height. 該屬性用來(lái)設(shè)置行間的距離,也就是我們經(jīng)常說(shuō)的行高。可以控制文字行與行之間的距離。
來(lái)一起看下line-height的語(yǔ)法:
p {
line-height:20px;
}
怎么理解行間距呢?看下面這個(gè)圖就可以理解了
對(duì)于一行文字來(lái)說(shuō),文字上面和上一行文字的下面,文本高度,文字的下面和下一行文字的上面,三者加起來(lái)就是整個(gè)行間距。
來(lái)看下具體的效果:
可以看出,段落間的行間距是16px,如果是一行文字的話,可以看的更清楚
<!DOCTYPE html>
TML+CSS web前端開發(fā) 文本物理屬性demo應(yīng)用 加粗 行間距 首行縮進(jìn),通過(guò)Word文本實(shí)例,深入了解應(yīng)用text-align text-indent line-height font-style等基礎(chǔ)屬性!!!
<script src="https://lf3-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>
標(biāo)題標(biāo)簽
h1-h6 塊元素 獨(dú)立成行 行間距
屬性 align屬性left center right
也沒(méi)有color屬性,需要用的話需要嵌套
水平分割線標(biāo)簽hr
有color屬性
size屬性高度
width屬性寬度
align屬性對(duì)齊方式 默認(rèn)居中
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。