Dreamweaver概述:轻松设置行间距
在Dreamweaver中轻松设置行间距
用层叠样式表(CSS)来实现,在Dreamweaver中编辑层叠样式表不用编写代码,具体操作方法如下:
(1)在快速启动栏中点击层叠样式表按钮(就是把鼠标放上去显示“show css styles”的那个按钮),在弹出的CSS Styles面板上双击(none);
(2)此时,可看到弹出的Edit Style Sheet 面板,在该面板上按New按钮;
(3)再在弹出的New Style 面板上点取Redefine HTML Tag(重新定义HTML标记),再在Tag中选择“body”标记后按OK按钮;
(4)这时可看到弹出的Style dehinition for body 的对话框,在此对话框中可以设置“body”标记的许多属性,你可以按你的意愿设置,但我们这里主要是要设置行距,所以我们在line属性输入框中填上行距的像素点数,现在流行的九号字,行距一般用12,按OK按钮返回到Edit Style Sheet 面板,此时已把“body”的行距设置好了;
(5)由于“body”中定义的行距对表格不起作用,所以我们再在Edit Style Sheet 面板上再按New按钮;
(6)再在弹出的New Style 面板上点取Redefine HTML Tag(重新定义HTML标记)再在Tag中选择“td”标记后按OK按钮;
(7)在弹出的Style dehinition for td 的对话框中设置td的行距,按OK按钮返回到Edit Style Sheet 面板;
站长资讯
(8)在Edit Style Sheet 面板上再按Don按钮,至此所有设置结束,你在Dreamweaver的源代码检视窗中将看到在与之间如下所示的代码:<style type="text/css">
<!--
body { line-height: 12pt; font-size: 9pt}
td { font-size: 9pt; line-height: 12pt}
-→
</style>
有了这段代码,你在该网页上的所有文本的行距都确定好了,若不满意,可修改设置。