小技巧:如何在Frontpage中定义CSS样式?

css|frontpage|技巧

 当很多人发现在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的使用来加深理解!

时间: 2024-12-06 09:23:10

小技巧:如何在Frontpage中定义CSS样式?的相关文章

在Frontpage2000中定义CSS样式

css|frontpage 说明:目前Frontpage的最新版本是FrontpageXP(Frontpage 2002),本文是以Frontpage2000讲述的,但本文所描述的方法在FrontpageXP中基本上是适用的!另,这里面讨论的只是Frontpage2000中如何定义CSS,至于有关CSS的知识请参阅有关资料. 当很多人发现在DW4中定义CSS很方便的时候,开始报怨FP2000不能定义CSS,甚至就此抨击FP2000如何的不好.事实上,在FP2000中定义CSS是很容易的!甚至在某

在Frontpage 中定义网页CSS样式

  说明:目前Frontpage的最新版本是FrontpageXP(Frontpage 2003),本文是以Frontpage2000讲述的,但本文所描述的方法在FrontpageXP中基本上是适用的!另,这里面讨论的只是Frontpage2000中如何定义CSS,至于有关CSS的知识请参阅有关资料. 当很多人发现在DW4中定义CSS很方便的时候,开始报怨FP2000不能定义CSS,甚至就此抨击FP2000如何的不好.事实上,在FP2000中定义CSS是很容易的,甚至在某些方面比DW4中定义更方

[小技巧]如何在Ubuntu14.04中禁用叠加滚动条

[小技巧]如何在Ubuntu14.04中禁用叠加滚动条 Hello 伙计们, 这是一个如何在Ubuntu中禁用叠加滚动条的小技巧.注意,在本文中讲的不是删除叠加功能,而是告诉你如何启用或禁用它. 禁用 打开终端并执行以下命令 gsettings set com.canonical.desktop.interface scrollbar-mode normal 更改后会立即生效: 启用 gsettings reset com.canonical.desktop.interface scrollba

如何在Frontpage2003中运用css设置网页字体

css|frontpage|网页 在网页界面的设计过程中,许多人考虑最多的是用什么图形与色彩来装饰网页,或是在网页上加上什么动画特效:而对于网页的字体却不太重视.结果往往是有些网站的字体不是太小就是太大,严重影响阅览;而有的网站整页用的都是标准字体,毫无个性而言.其实,字体作为网站内容的载体,有其独特的重要性,是不应该忽视的. 运用Html,我们可以对字体的大小及字形进行简单的修改,但要进行统一地控制.创建特殊效果,就必须要用到css.它能让您更有效地控制网页外观,并可以扩充精确指定网页元素位置

link环境下,如何在codefirst中定义枚举表?枚举表的定义是怎样实现的?

问题描述 link环境下,如何在codefirst中定义枚举表?枚举表的定义是怎样实现的? link环境下,如何在codefirst中定义枚举表?枚举表的定义是怎样实现的? 解决方案 https://msdn.microsoft.com/zh-cn/data/hh859576

如何在 HTML 中应用 CSS基础详解

接下来用这个 index.html 将在下文讲解中用到. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <h2>h2 tag</h2> <div class="class1">class1</div&

ASP。NET 中 在CSS文件中定义的样式背景为啥显示不出来

问题描述 ASP.NET中在CSS文件中定义的样式背景为啥显示不出来 解决方案 解决方案二:没代码怎么知道~解决方案三:给出代码.可能路径问题,或者是选择器错误.解决方案四:比较大可能是路径问题解决方案五:引用CSS文件的代码贴出来.解决方案六:可以把CSS文件放到<head></head>之间,还有你说那个问题,可以能是路径引用不对解决方案七:直接写在里面试试例如<divstyle="color:red"></div>解决方案八:应该是

[小白技巧]如何在Linux中知道你的系统是否有USB 3.0 端口

[小白技巧]如何在Linux中知道你的系统是否有USB 3.0 端口 近来的大多数的新计算机都有了USB 3.0接口了.但是你怎么知道你的计算机有没有USB 3.0接口?这篇短文中,我们会告诉如何在Linux下知道你的系统上有USB 3还是USB3接口. 在Linux终端中检测是否有USB 3.0 端口 打开一个终端,并使用下面的命令: lsusb 这个命令会显示你系统下USB的总线信息.检查一下结果,如果你看到像"3.0 root hub"字样,这意味着你系统有USB 3.0.比如,

[小白技巧]如何在Linux中阻止其它用户访问你的家目录

[小白技巧]如何在Linux中阻止其它用户访问你的家目录 如果你和其他人共享Ubuntu机器,那么你可能要设置多个用户,希望其他用户登录到他们自己的帐号,并只能访问他们自己的家目录.但是,默认情况下,任何一个用户都可以访问任何一个家目录. 当你在Ubuntu中添加一个新用户时,adduser工具为新的帐号添加了一个新的家目录.默认情况下,该目录位于根下面的/home/目录下,并以该帐号的用户名命名.例如,/home/lori.Ubuntu中创建的用户家目录具有其它人可读/执行权限,这就给系统中所