10个有效的排版技能晋升你网站的可读性.docVIP

10个有用的排版技巧提升你网站的可读性 排版在网页设计中经常被忽略。其实这是很傻逼的，因为注重网页排版确实可以提高你的网页设计水平和可读性。下面，我列出了10个非常有用的排版技巧让你的网站看起来更好。 1、纠正行高 最常见的网页布局错误之一是定义了不正确的行高。行高是定义一行文本的高度，所以我们必须按照文本字体大小来设定行高。 一般来说，在设置文本行高的时候，我经常在字体大小的基础上加上7个像素（对12-17像素的字体而言） body{ font-size:14px; line-height:21px; /* 14px + 7px */ } 2、纠正标题margin值 另外一个常见的错误是标题周围不正确的margin值。标题其实是与它下面的段落是相关联的，而不仅仅是两个段落的分 割符。这就是为什么标题的margin-top比margin-bottom要宽。 3、不要使用过多的字体 为了确保可读性和专业性，你的网页上不应该使用超过3种字体。使用过多的字体会干扰你的用户而且让你的网站看起 来很乱。相反，较少的字体让你的网站显得干净易读。你可以标题使用一种字体，正文使用一种字体，最后 logo或副标题使用另外的字体。 4、代码部分使用等宽字体 如果你是一位开发者(就像大部分读这篇博客的人)你可能想贴一些代码在你的博客里。如果是这样，请使用等宽字体。 那么，什么是等宽字体？它就是字母和字