网页设计中行距如何设置（网页设计中行间距如何设置）

本文目录一览：

• 1、制作网页,一般字体设置为多大,行距为多少?
• 2、Dreamweaver如何设定行间距?
• 3、网页设计中文本排版的技巧和细节
• 4、web设计怎么设置1.5倍行高
• 5、网页制作中文字的行间距怎么调整??向各位高手请教。谢谢
• 6、如何用DW8.0制作网页写文字时调节设置间距和行距?

制作网页,一般字体设置为多大,行距为多少?

建议网站高度控制在2-3屏内，大概高度控制在2000px以内为宜。一般一屏高度在710px以内，否则需要下滑，不下滑会看不到下方内容。（二）字体字号 字体请使用系统自带字体。例：微软雅黑、黑体、宋体、Tahoma、Arial、Verdana。

字体：一般都宋体啦 大小：12PX或者12PT 字间距：自动即可而且好像字间不好调 行距：line-height：22px到line-height：28px 相对比较合理的 这些和CSS关系很大。如果CSS不怎么会，我的回答也没有用。

一个网页的设计需要考虑很多问题，其中配色、字体、布局、制作习惯、细节是最为重要的五个问题。配色问题一个网页的色彩最好不要超过3种，一面视觉效果混乱，用色柔和，对比度强的色彩不能应用于一般网站，时尚网站使用还可以。

网页设计中，文字间距一般根据字体大小选1—5倍作为行间距，5—2倍作为段间距比如12号字体，行间距是12px—18px，段落间距则是18px—24px。另外，行高/段落之间的空白=0.754。

对于font-family，一般来说14px及以下大小的文字，应当设置为宋体，当然也可以设置为微软雅黑。

网页设计中的字体一般设置成12px，如果网页的东西相对比较少，也可以设置成14px，关于导航和其他的一般是用ps处理出好的效果，如果是文本一般为14以上并且带加粗。

Dreamweaver如何设定行间距?

既然是调整文字行距（垂直方向），那应该采用下面样式：class=page_speeder_2028957319，即5倍行距，其他类推。

点击css面板中的添加css样式按钮，在弹出的对话框中分类——类型——行高输入你想要的高度就可以。

Dreamweaver间距有两种设置方法：1）绝对点阵法，这个可以直接手工输入或拖拉相应的单元格来确定其点阵数；2）相对间距：手工输入百分比，这个必须手工输入，表示占屏幕的百分比。两种方法各有利弊，可以综合使用也可以单独使用。

首先我们需要打开自己的电脑，然后找到Dreamweaver软件的快捷键。我们双击快捷键打开软件。然后我们点击最上面的文件下拉菜单中的新建一个html页面，并保存到桌面上。

采用margin-top属性，这样向上的间距为10px。如 123456 123456 123456 采用margin-bottom属性，这样向下的间距为10px。

里面的边距就能控制文字行间距的距离。当边框设为0时，表格就在游览时就不会显示。还有另一种方法，就是手工调整表格中行间的距离。

网页设计中文本排版的技巧和细节

文字行对齐 行对齐也是文字排版中很重要的一个规范，而无论是活泼的、精美的、新潮的、有趣的、严肃的、正式的还是文艺的视觉效果，都有一种很明确的对齐方式来达到网页规范的目的。

文字排版行距字间距影响网站阅读性。网页设计中文字不同的间距，不仅影响美观，也同时影响阅读性。

通常情况下，主张在页面上只使用一种文本对齐方法，且尽量防止两端对齐。

文字格式应前后一致、风格统一 企业网站中运用文字时不会只集中在一个区域，所以在进行文字排版时应做到前后一致、风格统一，这样才能保证网站页面的整齐统一。

今天这篇文章就总结了8个网页排版设计的小技巧，一起来看看吧！控制字体类型 一般来说，如果你在网页文本中使用3种或3种以上不同类型的字体时，网站结构会显得很混乱，这会极大影响网站内容的可读性。

web设计怎么设置1.5倍行高

想要设置一段文字的行高，可以在CSS样式表中为相应的元素设置line-height属性。例如，代码将元素的行高设置为5倍行高。在设置行高时，可以使用相对单位或绝对单位来指定行高的大小。

打开word文档，点击工具菜单栏的插入。0选择插入下的表格。0之后先绘制一个表格出来。0之后选中表格，右击选择表格属性。0选择表格属性中的行。0之后选择指定高度，然后更改高度即可。

根据风格和需求来选用最易读的衬线体和非衬线体，文字排版比较通常的做法是将行高设置为5em- 0em，将段间距设定为0em，文本对比度为7：1，最小值为5：1。每行文本字数不要太多，最好控制在42字以内。

设置word行间距步骤如下：打开Word2010文档页面，选中任意一段文本内容。在“段落”中单击“显示‘段落’对话框”按钮。在“段落”对话框的“缩进和间距”选项卡中单击“行距”下三角按钮，在列表中选择“1。

在CSS中，line-height被用来控制行与行之间垂直距离。行间距与半行间距，还是取决于CSS中的line-height。默认状态，浏览器使用0-2 line-height， 这是一个初始值。

Web 手机端网页就没有统一标准了，比较流行的做法是按照iPhone5的尺寸来设计。倍率2，逻辑像素320×568。 这样的做法比较实在，倍率2的屏幕无论在iOS还是Android方面都是主流，而且又是2倍屏幕中逻辑像素最小的。

网页制作中文字的行间距怎么调整??向各位高手请教。谢谢

1、首先，打开vswxxxcode-style并创建一个H5标准页面，该页面用于演示html行距和间距的设置方法。其次，在页面上添加一个p并将宽度设置为300，目的是为了让p中的文字换行，从而设置行高。

2、如果你使用Frontpage编辑网页，可选中某个文字段落，编辑段落属性。不过最直接的方法是，在代码段加入 line-height：150 100% 默认行距，可不设定；150% 5倍行距；200% 2保行距；也可以输入像素值：24px； 等。

3、使用CSS样式表（适用于网页）：如果你在编写网页，并使用CSS来控制样式，你可以使用CSS样式表来调整行距。你可以为文本或表格元素应用行距属性，例如line-height。通过为元素指定适当的行高值，你可以实现所需的行距效果。

如何用DW8.0制作网页写文字时调节设置间距和行距?

DW中字体行间距的调整方法如下：首先，打开Dreamweaver，然后创建一个新的html文档，如下图所示，然后进入下一步。其次，完成上述步骤后，切换到代码模式或拆分模式，如下图所示，然后进入下一步。

单击鼠标右键，在菜单选项中点击段落功能。然后在间距选项中找到行距选项，重新设置行距就可以了。

打开要调整的文档，将要调整的文字全部框取，然后点击段落这一栏右下角，代表“显示段落对话框”的符号。弹出段落的对话框以后，在行距那一栏下选择“5行距”，根据你自己的需求，也可以选择其他行距选项。

点确定之后，文字部位效果就是这样了。设置段落的行距步骤差不多，也是选中文段，然后鼠标右键，找到段落，弹出对话框，但是找的是“间距”。“在间距”项下，有个行距，下拉行距的菜单，会发现很多不同的选项。

新建html，在body中插入任意文本。在body里增加style=letter-spacing：XXpx；代码（XX可以调节其他数值）在IE里浏览。