Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
說完HTML語言CSS字體的縮進text-indent,接下來我們講下字體的行間距屬性 line-height. 該屬性用來設置行間的距離,也就是我們經常說的行高。可以控制文字行與行之間的距離。
來一起看下line-height的語法:
p {
line-height:20px;
}
怎么理解行間距呢?看下面這個圖就可以理解了
對于一行文字來說,文字上面和上一行文字的下面,文本高度,文字的下面和下一行文字的上面,三者加起來就是整個行間距。
來看下具體的效果:
可以看出,段落間的行間距是16px,如果是一行文字的話,可以看的更清楚
<!DOCTYPE html>
TML+CSS web前端開發 文本物理屬性demo應用 加粗 行間距 首行縮進,通過Word文本實例,深入了解應用text-align text-indent line-height font-style等基礎屬性!!!
<script src="https://lf3-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>
標題標簽
h1-h6 塊元素 獨立成行 行間距
屬性 align屬性left center right
也沒有color屬性,需要用的話需要嵌套
水平分割線標簽hr
有color屬性
size屬性高度
width屬性寬度
align屬性對齊方式 默認居中
*請認真填寫需求信息,我們會在24小時內與您取得聯系。