Dreamweaver概述：轻松设置行间距

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　面板上再按Ｄon按钮，至此所有设置结束，你在Dreamweaver的源代码检视窗中将看到在与之间如下所示的代码：<style　type="text/css">　
<!--　
body　{　line-height:　12pt;　font-size:　9pt}　
td　{　font-size:　9pt;　line-height:　12pt}　
-→　
</style>　
有了这段代码，你在该网页上的所有文本的行距都确定好了，若不满意，可修改设置。