您的位置:首页网页设计Golive → 利用GOLIVE5.0轻松创建并定义样式表

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

时间:2004/11/7 2:44:00来源:本站整理作者:蓝点我要评论(0)

 大家知道,在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窗口中给文件起个名字,按保存就可

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论
发表评论

热门文章 没有查询到任何记录。

最新文章 没有查询到任何记录。 Adobe Golive进阶教程(课程一——页面排版5Adobe Golive进阶教程(课程一——页面排版4Adobe Golive进阶教程(课程一——页面排版3Adobe Golive进阶教程(课程一——页面排版2

人气排行 Adobe Golive进阶教程(课程一——页面排版1Adobe Golive进阶教程(课程一——页面排版5Adobe Golive进阶教程(课程三——简单动作1Adobe Golive进阶教程(课程二——交换图片)Adobe Golive进阶教程(课程三——简单动作5Adobe Golive进阶教程(课程一——页面排版4Adobe Golive进阶教程(课程一——页面排版2Adobe Golive进阶教程(课程三——简单动作4