网站公告列表

  没有公告

加入收藏
设为首页
联系站长
繁體中文
您现在的位置: 无忧电脑 >> 文章中心 >> 网页设计 >> Dreamweaver >> 文章正文
  Dreamweaver怎么加入CSS码           ★★★ 【字体:
Dreamweaver怎么加入CSS码
Dreamweaver怎么加入CSS码
作者:佚名    文章来源:互联网    点击数:    更新时间:2008-7-1    

                                                                                        
 

         说理论怕大家听不明白,直接举两个列子给大家看下吧。

        a,改变链接显示。
  通常页面的文字链接显示会自动加上下划线,这样看起来比较清晰,让阅读这一看就知道这里有链接,但是整个页面的美观度有损。在Dreamweaver中只要设定Styles就可以轻易的加入CSS码,改变链接显示。
  具体制作如下:
(1)选择菜单“Windows”下的子菜单“styles”,打开“Styles”对话框,点击对话框底部的按键“StyleSheet……”,弹出“Edit Style Sheet”对话框;
(2)在“Edit Style Sheet”对话框中选择“New”按键;弹出如下对话框
如上图红线所圈的图示选择,然后选择确定,弹出对话框“Styler defination for a:link”,在其中设定Text-decoration为none;
同上设定a:visted的Text-decoration为none;
以上述步骤设定a:hoverText-decoration为underline;
打开该页面的Html文档,可以发现在文件头有如下代码:
这样你可以不必了解有关CSS的各项规则语法,就可以轻松加入CSS码,而在页面中的链接处文字就不会有下划线出现,但当鼠标移到其上时会有下划线出现。你还可以用这种方法设定链接处文字的颜色、文字背景等,增加页面的美观度。
        b,创建自己喜爱的字体
  你一定会发现,一般页面中的default字体往往是12pt的宋体,显得有些大大咧咧,不够细腻,同时过大的字体会让文章占用过多的篇幅,怎么办,教你一招。同上面的(1)、(2)步骤,打开“New style”对话框,所不同的是这次我们选择“Make Custome Styler(class)”,在下面的文本输入框中输入:“?useFont”,选择确定,弹出对话框“Styler defination for?useFont”,在其中设定字体为宋体,字体大小为9points,然后选择确定,我们可以看到在Styles窗口中出现了“userFont”的选项;在需要使用该字体的段落,再在“Styles”窗口中选择“userFont”即可。这个字体就是你在我的页面上看到的,是不是觉得细腻多了,页面也显得文气多了?

 
                                                                      
 

文章录入:admin    责任编辑:admin 
  • 上一篇文章:

  • 下一篇文章: 没有了
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    最新热点 最新推荐 相关文章
    网页制作教程
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

                         无忧电脑 QQ群:19938280   闽ICP备08000694号       
                      本站有些内容参考互联网,如有侵犯到你的地方,请来信通知,我们将会在三日内处理