我们经常认为写作是一件简单的事情；我们经常认为使用正确的语法、决定元素在页面布局中的顺序以及选择视觉效果好的字体就足够了。但是排版的艺术包含很多经常被忽略的因素，对于网站而言更是如此，整个写作和发表过程是沉浸式的，文本的质量经常被忽略。在这一章，我们将会展示很多不同的排版技术、良好的实践和一些经验之谈，同时也包括常见的排版错误。但是首先让我们仔细看一看网站排版的一些基本概念。

清晰度受字体设计、屏幕优化和微观版式影响。它与彼此可以相互识别单个字符、字母或字形相关。我们不能改变字体的外形，但是可以选择正确的字体，并且选择相应的版式。当涉及清晰度问题时，许多设计师在一些标准、探索法和排版技巧上达成了共识。比如，大写字母会比小写字母更难以扫读，正体字比斜体字更容易识别。在正文文本和背景间合适的对比会提高清晰度，正如适宜的行宽和行高所产生的效果。与字母的下半部分相比，上半部分对于扫读的意义更大，然而升部（ascenders）和降部（descenders）的高度对于字母的识别具有重要作用，这也是很多人认为有衬线（serifs）字体更容易识别的原因。正如你所看到的，当我们谈到清晰度时，很多因素都在起作用。可读性是设计主要关注的问题。它受布局、内容块的摆放和独立栏目的展现影响。我们可以通过很多方式保证可读性，其中很多方式都受读者习惯影响。从根本上讲，人们“读”网站内容的方式和读印刷品的方式不同。理解这种行为和为这种行为进行设计非常关键，这也是用户体验设计的要点。网站排版需要深思熟虑。行宽（measure 或line length）就是每行文本的长度。最佳的长度取决于上下文，但是对于左对齐的文本块，45 到75 个字符（包括标点符号和空白）之间的长度值得推荐。66 个字符被认为是最佳的长度：这个长度阅读起来最舒服，使眼睛不必在本行结束和下一行开始之时移动太远的距离。不要让行宽太短，因为频繁地在行与行之间移动，同样会使眼球疲劳。

令人惊讶的是，我们最近关于版式设计[注释]的研究发现，包含大量文本、排版相关的网站（新闻、杂志和排版相关的博客等）有更长的行宽，通常在70到100 个字符之间（每行最多的字符数）。总体上，每行的字符在75 到85个之间。不过，目前还没有研究表明这样的行宽是否会带来更好或更坏的可读性。

另外，很多网站是多栏布局。行宽在多栏布局中可能会短一些。根据习惯，对齐的文本通常在区域的下半部分；但是不需要精确控制单词间的空白和连字符，较长的行在浏览中的显示效果会更好一些。

虽然设置正确的行宽很重要，但是可读性可以通过正确的行高（leading 或line height） 显著提高。行高就是一行文本的垂直高度。它是两个连续文本之间的距离，或者说是两行文字基线之间的距离。为了防止一行的降部覆盖下一行的升部，必须保证足够的行高。在默认情况下，浏览器会把行高设定为1em，或者字体大小的1 倍，这个高度通常会显得太小以至于不好辨析字体。一个被广泛接受的经验是，把段落的行高设定为字体大小的1.5 倍。实际上，根据我们对平均行高的研究发现，这个约定俗成的行高仍然在被广泛使用（平均行高是字体大小的1.48 倍）。作为一个简单的指导，行宽越大，行高也应越大。

注意到我们在CSS 中可以通过无确定单位的整数来定义行高值。这个数字作为度量因素和字体大小相关，并确保在文字大小改变后，行高也发生相应的变化。总体来说，无衬线（sans serif）字体比衬线（serif）字体需要更大的行高，页眉比正文需要更少的行宽。同样，较粗字体比较细的字体需要更大的行高。