网页设计文字排版脚本 第1篇
行距是影响易读性非常重要的因素，过宽的行距会会让文字失去延续性，影响阅读；而行距过窄，则容易出现跳行。
网页设计中，文字间距一般根据字体大小选1—倍作为行间距，—2倍作为段间距。
比如12号字体，行间距是12px—18px，段落间距则是18px—24px。
另外，行高/段落之间的空白=。行间距正好是段落间距的75%是非常常见的。
比如简书16号字体，行间距27px/段间距36px=75%。文字字号本身比较大，所以行间距也不需要严格按照1—倍的比例设置，不过行间距和段间距的比例符合75%，看起来很不错，这样的视觉效果让人在阅读时保持一种节奏感，这就是在实际情况中将规范的灵活应用。
网页设计文字排版脚本 第2篇
我们将对比分为三类，主要是标题与正文的字体与字号对比、文字颜色对比，以及文字颜色与背景颜色的对比。
> 标题与正文对比
在AnyForWeb网站案例页面中，标题使用18号的微软雅黑，正文使用12号的宋体，两种字体字号的对比让文字内容富有层次，很容易吸引读者眼球。
> 文字颜色对比
在伽然官网中，一部分文字采用了与主要文字不同的另一种颜色，这种对比是增加视觉效果的有效途径之一，突出展示了段落的重点。
> 文字颜色与背景颜色对比
这是非常常用的一种排版设计方式，正文文本与背景合适的对比可以提高文字的清晰度，产生强烈的视觉效果。
比如在埃森哲官网中，白色背景、红色标题、黑色正文的对比，以及红色背景与白色文字对比的应用，将文字内容清晰衬托出来，既有丰满的层次感，同时有具有很强的视觉冲击力。
设计师在使用这一原则时需要注意，必须确保文字是容易看清的，如果文字过小或过于纤细、色彩对比度不够，会适得其反，举个例子：
设计师如果对色彩的对比度还不够熟悉时，可以通过颜色对比检测工具（如Check My Colours、Colour Contrast Check）检测色差和亮度差，确保网页设计的易读性。
网页设计文字排版脚本 第3篇
在网页设计中，元素在页面上不能随意摆放，每一项都应与页面内容存在某种联系。对齐可对齐是网页设计必不可少的部分，它可以帮助设计师做出吸引人的设计，是优秀网页设计的潜在要求。
对齐的案例就非常多了，我们随意列举两个。
曼秀雷敦网站的左对齐：
Darry Ring网站的居中对齐：
左对齐和右对齐是文本看起来更清晰、效果分明；居中对齐显得更庄重、正式、稳重。