动网论坛,站长建站首选,国内使用量最多的论坛软件 动网论坛官方技术讨论区 站长工具 申请属于您自己的免费论坛
首页 | 新闻资讯 | 网站运营 | 网络编程 | 数据库 | 服务器 | 网页设计 | 图像媒体 | 网络应用 | 搜索优化 | 资源下载 | 动网主机 | DVBOX
    本站内  互联网 ASP论坛  ASP.Net论坛  PHP论坛
   DreamWeaver → 阅读文章

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

作者来源: 
阅读 数 615 人次 , 2006-4-19 16:02:00 

  样式表使文字更添风采


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


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

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



  点击右下角的 Dreamweaver 4 简明教程(五、让你的网页更漂亮之四) ,新建一个样式:

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



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

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



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

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



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

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



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


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


  如果需要在其他页面引用已有的样式表,可以在样式表对话框上点 Dreamweaver 4 简明教程(五、让你的网页更漂亮之四) 。另外,Dreamweaver 4 简明教程(五、让你的网页更漂亮之四) 是编辑已有的样式,Dreamweaver 4 简明教程(五、让你的网页更漂亮之四) 是删除一个样式。
  
 本文Tagsdreamweaver  
 收藏本文  打印本文  论坛讨论  关闭窗口
· 上一篇:Dreamweaver 4 简明教程(五、让你的网页更漂亮之三)
· 下一篇:Dreamweaver 4 简明教程(六、建立超级链接)
· DreamWeaver经典50问(七)
· 深入DREAMWEAVER插件的奥秘(3)
· Dreamweaver构建Blog全程实录(3)-数据库的设计和连接
· Dreamweaver 8 新功能抢先预览
· 第十四节 设置


关于本站 | 联系我们 | 业务合作 | 客户案例 | 诚聘英才 | 广告合作 | 收藏本站
海口动网先锋网络科技有限公司版权所有
Copyright © 2000 - 2006 Cndw.Com
中华人民共和国电信与信息服务业务经营许可证编号 琼 ICP 020077