学习网页设计,文本排版技巧

网页设计网站布局，包括了图片的排版和文字的排版，其中文字的排版方法对整个页面设计效果实现非常重要。文字排版包括段落间距、字体的选择、字体大小、行间距等几个方面。

可以遵循如下技巧：

第一，掌握段落的间距

在段落之间，要保持足够的间距才能让读者更容易识别，页面也更整洁。面对没有段落间距的页面，读者很可能会把几个连在一起的小段路看成一个大段落，如果每个段落内容太多，很少有读者有耐心读完，因为互联网上绝大多数的读者浏览网站的方法并不是精读，而是“扫描”。

我们通过修改p标签的margin属性或者padding属性来修改段落间距。相比较而言，段落间距占据一行文字的距离还是比较合理的，所以我们通常设置段落间距为1em。我习惯使用“padding:0.5em 0 0.5em 0;”来设置段落间距，padding后设置的距离按照顺序分别是段落的上方、右方、下方、左方间距。

第二，掌握段落首行缩进方法

网页前台设计html语言中，半角空格是无法连续识别的，如没有段落缩进的，这样从板式上看起来就不是太符合我们中文文章在生活中的习惯，我们习惯开头空两个汉字的位置，而我们又懒得每个段落都去添上全角空格，那么我们可以使用段落首行缩进解决问题。

解决方法：使用text-indent即可实现段落的首行缩进，如果我们想要首行空两个汉字的位置，那么我们可以设置“text-indent:2em;”，这样缩进问题就解决了。

第三，常用标签定义

如最常用的定义em标签，通常em标签都是显示为斜体的，我为了让他更突出，给他加一个颜色定义“color:green;”，这样我们在使用这些预定义标签的时候会更加得心应手，也更加符合自己的需要。

第四，字体大小与行间距

普遍来说，设计师为了追求中文字体的最佳视觉效果，经常使用12px像素的字号。但小字体的可读性相对较差，对于一些人是没有耐心看下去的，因此将文字的字号设置成14px或者更大的16px会更加合理，浏览者阅读起来也更加轻松。或者在页面上增加选择字体大、中、小的连接，这样就可以让读者自行选择了，可以选择java脚本来实现。

在设计网页效果图时，要遵循网站布局的规律，且在文字排版中掌握方法，美观和大方的展现，且要实用。

本文来源学校官网：www.wangyeshejipx.com/，作为长春网页制作培训的专业学校，欢迎大家致电咨询。