如何在Frontpage中定义CSS样式

时间:2008-08-02 12:32:00 

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

标签:Frontpage,样式,css
0
投稿

猜你喜欢

  • JS中检测数据类型的几种方式及优缺点小结

    2024-04-16 09:14:41
  • MySQL的存储函数与存储过程相关概念与具体实例详解

    2024-01-19 05:50:32
  • 腾讯注册页面的 JS 解密

    2009-11-18 12:50:00
  • Python面试之os.system()和os.popen()的区别详析

    2023-09-14 18:15:39
  • Mysql如何通过binlog日志恢复数据详解

    2024-01-16 16:53:57
  • 伪静态技术介绍与优缺点分析(较完整篇)

    2023-03-17 05:16:10
  • 利用Python内置库实现创建命令行应用程序

    2022-04-26 03:39:19
  • Keras预训练的ImageNet模型实现分类操作

    2021-12-14 01:33:11
  • Python实现对照片中的人脸进行颜值预测

    2023-04-05 18:21:12
  • JavaScript Event学习第四章 传统的事件注册模型

    2024-05-09 10:38:04
  • Python爬虫基础之简单说一下scrapy的框架结构

    2022-01-04 23:19:00
  • MySQL中UNION与UNION ALL的基本使用方法

    2024-01-25 21:34:03
  • MySQL8.0.23版本的root密码重置最优解法

    2024-01-17 19:52:12
  • Python OpenCV实现3种滤镜效果实例

    2021-06-04 10:20:27
  • Python APScheduler执行使用方法详解

    2023-03-01 03:21:13
  • Vue+Express实现登录状态权限验证的示例代码

    2024-05-13 09:11:49
  • 基于python利用Pyecharts使高清图片导出并在PPT中动态展示

    2021-02-23 13:02:39
  • 解析:轻松掌握在 Mac OS X中安装MySQL

    2009-01-14 11:51:00
  • 聊聊MySQL中的存储引擎

    2024-01-20 08:58:11
  • python一键去抖音视频水印工具

    2023-09-26 22:58:21
  • asp之家 网络编程 m.aspxhome.com