网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > Dreamweaver
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.Dreamweaver制作和套用模板的技巧.
.Dreamweaver MX 2004从零开始(3).
.Dreamweaver MX Ultradev探索(5-.
.下拉菜单全攻略之Dreamweaver篇.
.Dreamweaver插入Flash添加透明或.
.Dreamweaver 入门:安装 Dreamwe.
.Dreamweaver网页制作技巧:使用模.
.Dreamweaver MX实例:构建Java插.
.Ultradev实例教程:1.2 Ultradev的.
.DreamweaverMX Ultradev探索(4-2).
.浅析DW4中的站点管理.
.去除Dreamweaver中表格宽度辅助线.
.DW-MX制作ASP.NET-链接与补充.
.Dreamweaver简单描述制作网页的基.
.Dreamweaver 4 简明教程(五、让你.
.DreamWeaver表格妙用-线框制作详.
.DreamweaverMX实现网站批量更新.
.修改注册表解决Dreamweaver乱码问.
.DreamwaverMX与ASP.NET(四).
.Dreamweaver MX 2004的一句话技巧.

Dreamweaver 4 简明教程(五、让你的网页更漂亮之四)

发表日期:2004-1-29


  样式表使文字更添风采


  上面讲到的,都是一些最基本的对文字的设置,如果想在文字上玩出更多的花样,就需要借助样式表的帮忙了。


  在编辑状态,按Shift+F11,可进入样式表对话框(CSS Styles):



  点击右下角的 ,新建一个样式:



  如上图,在 Name 处为你的样式起一个名字,Dreamweaver 默认会在名字前一个小数点,目的是避免与其他HTML标记混淆,例如我在这里起的名字是“myfont”(将unamed1改为myfont);Define 是选择使用外部样式表还是只在本页建立样式(This Document Only),我们选择前者,这样就可以多页共用一个样式表,确定按 OK。



  再接着的对话框中,输入样式表文件的名称,例如是“myfont”,按“保存”,这样就生成了一个叫myfont.css的样式表文件,如上图。



  按照上图所示设置样式,Size 是文字的大小,我们设为9 points(简称9pt);Line 是行距我们设为13 points(另一种常见的设置方法是150%),这样就得到了所谓的9磅字体。设置完毕后,按ok返回样式表对话框,可以看到一个叫“myfont”的样式已经被加入了,见下图。



  接着,你可以选取一段文字,再在样式对话框选择 myfont,怎么样?文字是不是变得精致了许多?9磅字体是宋体在不变形的前提下能显示得最小最精致的大小,因而在网页制作中被广泛采用。


  除了9磅字外,还有一种10.4Pixel的字体,是介于12pt和9pt之间的,也被经常使用到,大家可以自己试一试。


  如果需要在其他页面引用已有的样式表,可以在样式表对话框上点 。另外, 是编辑已有的样式, 是删除一个样式。
上一篇:Dreamweaver 4 简明教程(五、让你的网页更漂亮之三) 人气:15590
下一篇:Dreamweaver 4 简明教程(六、建立超级链接) 人气:15113
浏览全部Dreamweaver 4 简明教程的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐