层次感文字排版

可以参考杂志访谈的样子，不要用对话框，太占地方。缩小问题占用的空间，前面加个大Q，设置灰色或白色文本框衬于文字下方，做个阴影立体一点。答案前面写个大A，字体跟Q一样，颜色可以设置为Q的对比色。也设置底色和阴影。因为文字太多，所以尽量利用空间。供参考。

一、创造排版的层次感，让页面结构更加清晰页面中所有字体尺寸应该是基于正文字体来进行选择，因为正文是用户在每个页面中阅读最多的部分。如果基于正文网站文章编辑来选取其他部分的字体大小呢？有下面一些基本的规则：1、正文字体：调整字体大小，知道感觉看起来非常舒服为止。对于这篇文章，我们将字体尺寸调整为18pt。2、标题字体：通常将正文字体放大到180%~200%，在案例中，字体尺寸应为40pt~44pt。3、副标题字体：副标题字体通常为正文字体的130%~150%，也就是说，这篇文章的副标题尺寸应为16~18pt。二、控制纵向间距，使排版更易读通过调整行间距和段间距，让用户更容易扫读文字。段间距让用户能够更好地识别内容块和意群，行间距控制好则可以让大脑更轻松识别文字内容。1、段间距设置段间距非常简单，但是它和连按两次回车再起一段是两回事。一般而言，段间距应该和正文字体行高相等，但是如果你连续按两次回车，那么这个间隔的高度等于行高+行间隙x2。如果正文字体为16pt，那么段间距最好是16pt或者1em。2、行距行距应该控制在正文尺寸的120%~160%（两行底部之间的距离），同时，文本字体越小，两行之间的行间距应该越大，确保字与行呼吸的空间。如果正文文本的尺寸是22pt，那么你的行高应该控制在26pt~35pt之间。在CSS样式中，你可以使用em来控制尺寸，不过你需要稍加调整，确保它看起来舒服在Word文档或者Pages文档中，行高是以倍数来表示的，120%的行高在这里应该设置为2