• 日志
  • 教程
  • 插件
  • 设计
  • 欣赏
  • 资源
  • 地图
精灵日志图片

Artile_Title

第五篇、样式表篇

三、 Dreamweaver的样式表编辑器为样式表的建立和使用提供了方便快捷的途径,普通爱好者也可以从这里开始接触样式表的强大功能,通过样式表我们能更方便的将页面的样式控制在我们手中,一切都在你的掌握之中这将是多么惬意的感觉。

技巧提示:

1、 CSS链接样式技巧。文字链接一般有四个状态,link、hover、active、visited,我们通常都会对文字链接的各个状态定义不同的色彩和样式,但经常有朋友发现自己定义的样式在浏览时并未像设想的那样。主要原因是在样式表中对链接的定义顺序有一定的要求,正确的顺序是:A:link,A:visited,A:hover。对一般的朋友来说,其实很多时候只是想Hover状态有变化,有个小技巧就是不按上面的方法定义链接样式,而只需定义a和a:hover状态的样式即可,这样只有hover状态的样式与其它状态的不同。修改方法如下图;

2、 创建不同色彩的连接文字与下划线。普通的链接文字与链接下划线都是相同的色彩,其实我们也可以利用样式表中的Border属性来替代普通链接的划线,由于Border有更多的控制参数和样式,因此只要将Border的色彩和文字的色彩定义的不同即可实现我们的目的。例如我们可以将文字定义为黑色,而在Border选项中定义下划线为红色,如下图;

3、 减小样式表文件的大小。经常我们定义的外接样式表文件会慢慢变得非常大,一般来说,超过3K大小的样式表就非常的大了,它会影响文件的解释速度。有一个技巧就是充分利用样式表的继承属性,例如我们不需要定义每个样式的字体和字体大小,我们只需先对<body>和<td>定义基本的字体字型和字体大小,其它的样式定义都不用定义这两个属性,相应的会自动继承这里定义的属性。

4、 尽可能的使用外接样式表。既然样式表的初衷就是为了使页面内容和样式分离,因此我们应该尽可能的使样式的定义脱离具体的页面内容,即将样式定义在外部单独的样式表文件中,这样也有利于保持整个站点风格的一致性,而且方便我们随时修改整个站点的外观。

总目录 | 第一页 | 第二页 | 第三页

教程-Tutorials
FireworksMX2004教程
Fireworks教程
Dreamweaver教程
©2000-2006 Bitgenius.com.All rights reserved. Designed by Mengjue.