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

 

来源:互联网



上一篇:论坛博客添加土豆、优酷(youku)等视频的方法

下一篇:Dreamweaver概述:网页设计建议

设为主页 | 加入收藏 | 联系我 | 手机版
免责声明:本站资料来源于互联网,其版权归原作者所有。
如内容涉及或侵犯了您的权益,请通知我!
66998.com.cn版权所有 Copyright©2009  桂ICP备08100152号
建议使用分辨率:1024*768及更高

桂公网安备 45082102000110号