在frontpage 中定义网页css样式 【百科全说】-凯发k8官方旗舰厅

腾讯视频/爱奇艺/优酷/外卖 充值4折起

说明:目前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,注意不要带“#”。

02/24 15:38
使用电脑版网页的用户,为了可以有一个浏览手机版网页的感觉,因此想要更改网页的样式为手机样式,但是却不知道如何更改,那么小编就来为大家介绍一下吧.具体如下:1. 第一步,双击或者右击打开浏览器软件,接着点击右上角的"三"图标.2. 第二步,来到下图所示的弹出窗口后,点击箭头所指的工具选项.3. 第三步,在下图所示的弹出工具窗口中,点击红框中的开发人员工具选项.4. 第四步,我们可以看到如下图所示的开发人员工具页面,点击左上角箭头所指的图标.5. 第五步,来到下图所示的页面后,就可以看到电
11/07 19:35
线条是网页制作中使用得比较多的一种 html 对象,在 html 语言中提供了一个 < hr > 的标签,也就是水平直线.但由于这个标签的局限性使我们在制作网页时遇到了一些麻烦,比如:线条的颜色以及怎样制作纵向的线条.在这里,笔者就在网页中制作线条的这两个方面的技巧介绍一点自己的心得. 为了顾及各种浏览器之间的兼容性,网页制作者在制作网页的时候常常需要考虑标签的各种属性在每一种浏览器中是否能够正确的显示.其中就有一个水平线的颜色属性问题.我们都知道 < hr > 标签具有一个 co
03/18 11:42
一、css样式图片下载助手简介: css样式图片下载助手是一款仿站助手软件,他是为解决当你发现了一款你很喜欢的网站风格的时候,但当你复制了它的css样式表的时候,里面某些框架使用图片做的,显示不出来,所以全变样了的问题而开发的,它可以帮你分析出网页css样式中那些是图片,并且可以利用它把图片路径转换为相对路径,并且下载下来。 二、css样式图片下载助手的下载与安装: 1、下载软件,软件的下载地址:http://www./softs/145797.html。 2、下载完成后解压到任意位置,无需安装
11/10 03:44
通常网页的布局使用到的是frontpage中的表格和框架菜单栏里的命令. 表格(table)是将页面中的内容以表格的形式排列,常用于单一页面内图片与文字的安排,是最常用的布局命令. 图3.1 框架(frames)是在同一浏览器窗口中显示多个相互隔离的html页的结构.使用框架组织页面时,每个框架显示一个不同的独立页面或者图像,你可以将一些框架中的内容永远保留在浏览器窗口中,而其余窗口则发生改变. 图3.2 表格的使用十分简单,一般经过如下步骤: § 插入表格 § 修改表格样式 § 填充内容 一.
04/13 12:10
在word2010的编号格式库中内置有多种编号,用户还可以根据实际需要定义新的编号格式。在word2010中定义新编号格式的步骤如下所述: 第1步,打开word2010文档窗口,在“开始”功能区的“段落”分组中单击“编号”下拉三角按钮,并在打开的下拉列表中选择“定义新编号格式”选项,如图1所示。 图1选择“定义新编号格式”选项 第2步,在打开的“定义新编号格式”对话框中单击“编号样式”下拉三角按钮,在“编号样式”下拉列表中选择一种编号样式,并单击“字体”按钮,如图2所示。 图
11/12 10:53
现在进入frontpage.单击任务栏"开始"按钮,选择"程序"选项,单击"microsoft frontpage"选项就可以了. 可能你会发现frontpage界面和word很相似[图2-1],这是因为编辑web页面和编辑word文档有很多同样的设置,这些设置所用的图标和word中的是一样的. [图2-1]frontpage2000 界面 视图中的组框是用来切换视图的,单击里面的小图标就可以切换到不同的视图.frontpage共有6种视图[如图
11/09 05:58
虽然frontpage已经给我们提供了很多面很强大的所见即所得的工具,但是随着html语言不断的进步,总有一些新内容新功能需要我们修改html代码来完成.而frontpage中提供了这样的功能,让你的页面随时保持"新鲜". 在插入web组件的选项窗口中,选择高级控件里的html,这里插入的html语言是不能用frontpage 2002进行修改的. 我们只需把html代码插入到html的弹出窗口中,即可完成html的添加. 图7.1 但是上面提到的功能只适合与在网页中的某位置插入htm
05/09 01:51
visual studio中想要定义网页的布局格式,今天我们就来看看使用body标签来定义布局的教程. 1.用visual studio打开一个已有动态网页,本例为upper.aspx网页文件. 2.网页中,首先找到body标签. 3.用style属性,定义网页的布局格式. 4.用border属性,定义网页的边框,边框的粗细为3,颜色为蓝色. 5.使用padding属性,定义网页的衬距,设置值为180像素. 6.定义网页的边距,用margin实现定义,边距值为30像素. 7.设置网页的背景色,背
07/08 03:04
当我们在使用手机的时候,可以下载360浏览器来浏览网页,当我们想要让网页中的字体能够与系统字体保持一致的话,应如何进行设置呢?接下来就由小编来告诉大家.具体如下:1. 第一步,打开手机并在桌面找到360浏览器图标,点击进入.2. 第二步,进入app凯发app官网登录主页后,点击下方的三横菜单图标.3. 第三步,在弹出的菜单栏中找到齿轮形设置选项,点击打开.4. 第四步,跳转至设置页面后,点击字体调整选项.5. 第五步,在打开的字体调整页面中,找到网页字体样式跟随系统变化选项.6. 第六步,点击该功能选项右侧的开关
网站地图