【專業】久違的 CSS 教學
雖然是初級班，但是觀念還是很重要…text-indent 是適用於 block element 的屬性（重點是會 inherit），也就是說：
p {text-indent: 1em;}
h4 {text-indent: 20px;}
會比：
body {text-indent: 20px;}
來得妥善。前者指定了 text-indent 的範圍（p, h4），後者則是「凡是在 body 之下的子元件，都需遵守 text-indent: 20px 的規則」的意思；把規則寫在位階最高的 body 上，就等於是強迫中獎人人內縮了。另一種寫法：
p.text {text-indent: 1em;}
雖然看起來沒有什麼不對，但是當一篇文章中有幾十個段落（p）的時候，你真的要一個個：
<p class="text">我是假字</p>
<p class="text">我是假字</p>
<p class="text">我是假字</p>
寫下去嗎？有簡單很多的寫法：
<div class="text">
<p>我是假字</p>
<p>我是假字</p>
<p>我是假字</p>
</div>
CSS 則如此這般：
div.text p {text-indent: 1em;}
也就是「凡是在樣式被設為 text 的 div 之中的 p 都需遵守 text-indent: 1em 的規則」。
利用清楚架構的 HTML 和條件式的 CSS 設定，即可收事半功倍之效。下課～