在Frontpage 中定义网页CSS样式


   注明:当前Frontpage的最新版本是FrontpageXP(Frontpage 2003),本文是以Frontpage2000讲述的,但本文所 形容的 步骤在FrontpageXP中 根本上是 实用的!另,这里面 探讨的只不过Frontpage2000中如何定义CSS,至于有关CSS的 常识请参阅有关 材料 。

  当众多人发现在DW4中定义CSS很容易的时候,开始报怨FP2000不能定义CSS,甚至就此 鞭挞FP2000如何的不好 。事实上,在FP2000中定义CSS是很容易的,甚至在某些方面比DW4中定义更容易!

  定义HTML标记的 款式

  在Frontpage2000下, 取舍菜单“ 格局/ 款式”,会弹出一个定义 款式的窗口,在CSS列表下拉菜单(位于左下)中,选“全部的HTML标记”, 这时在左边的列中会浮现大 部分常用的HTML标记,选中一个, 而后点右下的“ 批改”, 会弹出一个“ 批改 款式”窗口,在该窗口左下方有一个“ 格局”按钮,点击该按钮,会浮现一个下拉菜单,一共有五个选项:

  字体:顾名思义,这里便是定义字体的地方 。

  段落:跟“字体”差不多,点进去后依据 揭示定义就 可以了 。

  边框:定义边框和背景等,依据 揭示定义就 可以了 。进入后有有“;边框”和“ 暗影”两个选项卡,在“边框”中定义边框,在“ 暗影”中定义前景和背景 。

  编号 模式:共有三个选项卡,依据字面 意思去定义就 可以了 。

  定位:这便是CSS定位啦,但普通用在具体的网页元素当中 。

  是不很容易?固然,定义这些您最好要有 定然的CSS的 根底,否则您可能不晓得定义的是什么 。然而您 惟独了解一些语法 规定就 可以喽,剩下的就让Frontpage2000去做吧!

  有两个较为特别的:

  1、在网页任何位置点击鼠标右键,选“网页属性”,在属性面板的下侧有一个“ 款式”按钮,在这里 可以定义body的 款式,这样定义在 模式上是内嵌式的,事实上这跟直接定义body是没有什么区别的,由于一个网页中惟独一个body 。

  2、 依旧在“网页属性”面板当中,选“背景”选项卡,在中上的位置有一个“启用超链接翻转 动机”,选中它前面的复选框, 而后点击它下面的“翻转 款式”按钮,就 可以定义一些字体了,事实上这样定义的是a:hover(即鼠标县停到超链接时的 款式 ) 。

  定义class或ID

  这个 依旧是在菜单“ 格局/ 款式”中,在右下的“列表”中 取舍“消费者定义的 款式”,这时,你以往定义的标记会浮现在右侧的列表中 。下面我们开始定义一个class(伪类),点击右下的“新建”按钮,在最上面的“名称( 取舍器)”中输入一个名字, 比方“.mycss”, 留神,前面有一个“.”表明是定义一个class(假如定义ID前面是“#”),但在 引用时并不算名字的一 部分,惟独“.”(或“#”)后面的才做为名字“!”名字!

  取好名字后,就开始定义 格局了, 依旧点“ 格局”按钮,剩下的就跟上面所讲述的 步骤一样啦!这里就不再赘述 。至于如何在网页的具体元素中 引用我们接下来就会讲述 。

  定义内嵌式的 款式

  在大 部分的属性面板的下侧,都会有一个 款式按钮,点击后,就 可以定义内嵌式的CSS 款式了 。 比方,先建一个表格,在表格的一个单元格中点击左键, 取舍“单元格属性”,在属性面板中有一个“ 款式”按钮,点击后,在下侧有一个“ 格局”按钮,点进去后就 可以定义 款式喽!小编认为:Frontpage2000提供的这种 模式来定义内嵌式的 款式大大容易了我们的工作,是个不错的 性能 。

  接下来我们看看如何 引用一个已经定义好了的class(或ID),仍以单元格为例,在“单元格属性”面板中,点击“ 款式”,在 款式面板的中上部,左侧是“类”下拉菜单,在这里面就 可以 取舍我们定义好了的类了 。在右侧是“ID”,不过这里面不是下拉菜单,而是一个单行文本框,需求我们手动的敲进去我们定义好了的ID, 留神不要带“#” 。

  这里我们重要是针对对Frontpage2000和CSS有 定然 根底的朋友讲的,所以讲得较为粗略, 盼望在浏览的时候 可以 联合Frontpage2000的 使用来加深 了解!