语言

这是一份翻译。 与 英文版本 相比,它可能包含错误或者过时。 翻译员:Samuel Chong of Chinese Translation Services through its pro bono translation services

网页样式表 CSS 提示与窍门

See also the index of all tips.

缩格的段落

Eiffel tower

Scale model of the Eiffel tower in Parc Mini-France

这是简单的一件事: 把每段的第一行缩格. 多数人们认为那样比起两段之间有空行易于阅读,尤其是长篇文件, 而且也容许保留空行作为比较重要的文章分隔.

这里的诀窍只是缩进其他段落之后的段落。 一页的第一段不需缩格, 而在图标,标题之后或是偏离文字 的段落也不须要. 这规则实际上是非常简单的:

p {
  margin-bottom: 0 }
p + p {
  text-indent: 1.5em;
  margin-top: 0 }

这样只会缩格那些前有分段之段落的首行. 如此也缩减全部段落之下及缩格段落之上的空间. 然而在运用时你会发现还须要有例外.

在这页, 譬如有P 字符应用在图像标题 (查看 “Figures & captions” 例子). 我们已将它们 置中, 因此他们不应缩格. 一个简单的'p.caption {text-indent: 0}' 就解决它了. 你可见我们在这例 子真正的用到那规则.

我们现在可运用不同量的空白在段落之间来标示 文件里重要的分隔. 让我们为这三种不同分隔等级下定义: stb (小主题的分隔), mtb (中主题的分隔) , 以及 ltb (大主题的分隔). We have given 我们已给予这段落stb(小主题的分隔) 等级, 因此你可看到此效果.

p.stb { text-indent: 0; margin-top: 0.83em }
p.mtb { text-indent: 0; margin-top: 2.17em }
p.ltb { text-indent: 0; margin-top: 3.08em }
Bert Bos, style activity lead
Copyright © 1994–2017 W3C®

创建于 2001年1月17日;
最后更新 2017年11月09日 星期四 04时40分59秒

语言

关于翻译