您现在的位置:主页 > 网站制作 > Dreamweaver教程 >

Dreamweaver中样式表编辑

来源:新2备用网址hg622.com|首页吧 责任编辑:Jzq8 发表时间:2011-01-02 点击:次

在DW3中,我们不需要熟悉的语法,就可以很轻松地出很美妙的效果。

  (1)建立简单的

  单击快速启动栏中的“CSS styles”按钮,因为是第一次编辑CSS,弹出“CSS styles”对话框,Apply To表示CSS样式表作用的区域,下面列表中显示显示已经定义的CSS样式,这里显示“none”,表示我们还没有定义样式表。让我们开始编辑第一个CSS标识符吧!单击最下面的“New Style”图标,就会弹出“New Style”对话框,里面有几个选项。

  第一项表示制作一个新的样式表示符,可以任意命名,以.开头,如.title ,.h等等;

  第二项表示重新定义一个标签,如、等等;

  第三项表示使用CSS,如a:hover、a:link等等。

  我们选择第一项,并在下面的“Name”框中输入所要建立的CSS名字,“.mycss”,单击OK,进入此样式表定义窗口。我们先选择一种字体列表,设置字号,字体颜色,接下来设置行距,在“Line”框中输入“20”,后面单位为“Point”,表示行高为20 Point。接下来在“Category”列表中选择“Background”,设置一种背景颜色。再从“Category”列表中选择“Block”,设置字间距(Word Spacing)为2 Point,文字对齐方式(Text Align)为左对齐。单击“OK”,这种样式就定义好了。



图1 打开CSS styles



图2 建立新的样式



图3 设置字体



图4 设置背景颜色



图5 设置文字状态
?


  接下来我们使用此样式。在网页中选中要使用样式的文字,单击鼠标右键,选择“CSS Styles”项,从子菜单中选择“mycss”,看,刚定义好的样式被应用到所选文字上了。



图6 使用后的效果

  我们也可以在某一段落中应用此样式,先将光标定位在此段中,调出“CSS styles”对话框,在Apply To后面的列表中选择样式表的作用区域,这里选择

?
,表示在段落中应用此样式,再点击列表中的“mycss”,光标所在段落就应用了此样式。

?
    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    评价:
    表情:
    验证码:点击我更换图片 匿名?

    推荐图文

    • Dreamweaver让图片下载更迅速
    • 不编代码制作下拉菜单
    • 如何用Dreamweaver制作留言本
    • 使用DW方便快捷编辑网页标签
    • 用Dreamweaver实现漫天花雨效果
    • 网页制作技巧:从切图到网页生成全攻略
    • 用dreamweaver开发ASP留言本的图文教程
    • 在Dreamweaver8制作网页时打造过度效果
    • Dreamweaver中CSS布局ul和li的实例教程
    Alexa - 客户服务 - 联系方法 - 招聘信息 - 友情链接 - 网站地图 - TAG标签 - RSS订阅
    Copyright ? 2010-2012 JZQ8.COM. 新2备用网址hg622.com|首页吧|新2备用网址hg622.com|首页去吧 版权所有
    冀ICP备09002514号
    冀ICP备09002514号 网络报警 企业法人营业执照 中国互联网协会 支付宝付款 网银在线付款