在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,注意不要带“#”。

(0)

相关推荐

  • 怎么在电脑中更改网页的样式为手机样式

    使用电脑版网页的用户,为了可以有一个浏览手机版网页的感觉,因此想要更改网页的样式为手机样式,但是却不知道如何更改,那么小编就来为大家介绍一下吧.具体如下:1. 第一步,双击或者右击打开浏览器软件,接着 ...

  • frontpage中的网页制作线条技巧

    线条是网页制作中使用得比较多的一种 HTML 对象,在 HTML 语言中提供了一个 < HR > 的标签,也就是水平直线.但由于这个标签的局限性使我们在制作网页时遇到了一些麻烦,比如:线条 ...

  • 网页设计中有哪5类常用的CSS样式

    操作方法 01 网页设计中常用到CSS样式有哪些?CSS样式能让我们快速实现一些功能,在这里和大家分享,CSS样式的五种方式如何应用在网页设计中,文中我们就详细说到代码的实现,希望对从事网页设计的朋友 ...

  • CSS样式图片下载助手(仿站助手)使用说明教程

    一、CSS样式图片下载助手简介: CSS样式图片下载助手是一款仿站助手软件,他是为解决当你发现了一款你很喜欢的网站风格的时候,但当你复制了它的css样式表的时候,里面某些框架使用图片做的,显示不出来, ...

  • DW中HTML网页怎么用内嵌式或嵌入式引入CSS样式

    CSS可以说是HTML网页的灵魂,HTML引入CSS样式可以说是前端开发最基本的.对于刚接触网页前端设计的同学来说,可以先学习内嵌式和嵌入式这两种引入CSS方式比较容易掌握. 内嵌式引入CSS样式方法 ...

  • 如何在HTML文件中插入css样式表

    如何在HTML文件中插入css样式表是我们建立一个网页最基本的格式,现在就让我们来看看该如何做吧.. 方法/步骤1 01 下载并安装软件保存到桌面,然后在桌面建立一个文件夹,里面再分别新建两个名为&q ...

  • Dreamweaver网页设计里CSS样式表怎么添加

    在网页设计中,CSS是用于控制页面元素外观布局的样式表,怎么创建一个新的CSS样式表并修改属性参数呢,下面让我们来看看具体怎么操作. 操作方法 01 首先我创建了一个网页在里面输入的"演示文 ...

  • 在前端开发中怎么引用外部的CSS样式?

    在前端开发中,我们一般将html页面和css样式分开写,但是这样有什么好处呢?或者是为何非要这样写呢?其实写在一起喝分开写效果是一样的,但是写在外面的话一个CSS样式可以用来修饰很多页面,写在里面的话 ...

  • 如何在html中插入已设计好的css样式

    操作方法 01 1.将html样式放入<body></body>中 02 2.点击文件,新建,出现如下页面.点击css,选择新建,并保存css文件(此处保存在桌面). 03 3 ...