繁体中文
设为首页
加入收藏
当前位置:网站制作首页 >> Golive教程 >> 利用GOLIVE5.0轻松创建并定义样式表

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

2007-11-15 08:00:00  作者:  来源:互联网  浏览次数:0  文字大小:【】【】【
简介:  大家知道,在Dreamweaver 4中,想创建一个样式表是一件非常轻松的事情,在GoLive5.0中也不例外,甚至更为直观。   我们打开GoLive5.0,新建一文件untitled.HTML,点下图所指处调出untitled.HTML:style she...
关键字:样式 轻松 GOLIVE 5.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窗口中给文件起个名字,按保存就可。

责任编辑:admin
相关文章