阅读文章

利用GOLIVE5.0轻松创建并定义样式表

[日期:2005-12-17] 来源:PConline  作者:歌手/5Dmedia [字体: ]

  大家知道,在Dreamweaver 4中,想创建一个样式表是一件非常轻松的事情,在GoLive5.0中也不例外,甚至更为直观。

  我们打开GoLive5.0,新建一文件untitled.HTML,点下图所指处调出untitled.HTML:style sheet面板(所有的样式表都由此面板管理,包括内部与外部样式表)。然后我们就可以开始创建样式表,下面我们以创建一外部样式表来说明这个的过程。

  在untitled.HTML:style sheet面板中点鼠标右键,选ADD CLASS SELECTOR。再按CTRL+1调出INSPECTOR面板,这时应该看到NAME的右边有个.CLASS,说明右键创建成功,剩下的就是对.CLASS的设置了。

  在INSPECTOR面板中,我们还可以看到NAME的上方有8个小按钮,作用是分别对.CLASS的设置,比如我们想把CLASS用于控制某些字体的大小与背景,那我们点NAME上方的F,可以看见类似于Dreamweaver 4的字体风格的设置。设置过程几乎与Dreamweaver 4一样。在此就不累赘了。

  同样道理,如果我们想改变HTML标签的话,就在untitled.HTML:style sheet面板中点鼠标右键,选ADD ELEMENT SELECTOR,设置过程与设置CLASS的布置一样。

  如果你想建立内部的样式表,把以上设置的样式直接保存就可,可直接按CTRL+S。如果想把以上建立的样式导出存为外部CSS文件的话,那就在untitled.HTML:style sheet面板中点鼠标右键,选中EXPERT INTERNAL CSS,在弹出的SAVE AS窗口中给文件起个名字,按保存就可。



阅读:
录入:blue1000

评论 】 【 推荐 】 【 打印
上一篇:Adobe Golive进阶教程(课程三——简单动作5)
下一篇:GoLive 5教程 1.1 设置中文运行环境
相关文章      
本文评论
发表评论


点评: 字数
姓名:

  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款