iT邦幫忙

2025 iThome 鐵人賽

0

透過網頁顯示具有大量文字的文章時,通常都會設定文字的「行高」或「縮排」,這個單元會介紹「什麼是行高」,以及運用 line-height 和 text-indent 這兩個 CSS 樣式屬性,設定文字的行高和縮排。

影片重點:

  • 00:00:58 認識行高
  • 00:01:55 行高會影響父元素裡的「行框」
  • 00:04:52 line-height 行高
  • 00:09:29 行高對於「空元素」的影響
  • 00:11:03 line-height 不同屬性值在繼承時的差異
  • 00:16:08 看看這些屬性值差別在哪
  • 00:17:30 文字和圖片對齊時的行高
  • 00:20:12 text-indent 縮排

相關參考:

CSS 定義文字空白、定義 Tab 大小

更多參考:


上一篇
( Day 54 ) CSS 定義文字空白、定義 Tab 大小
系列文
A CSS Video a Day, Keeps Web Confusion Away!!55
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言