每个页面都有它的默认样式,比如页面背景颜色、文本颜色、链接颜色、和标题大小等,但这些并不是一成不变的,我们可以通过定制页面属性来修改它们。
对于一般页面,我们只需要定制外观、链接和标题就可以了,具体操作方法:在菜单栏中选择“修改”--“页面属性”或者在软件下方的属性面板上点击页面属性按钮,在随后弹出的对话框中进行设置。
设置外观
见图一,在左侧“分类”框中可以选择要设置的类别,右侧设置对应的属性。
点击分类栏中的“外观”,右侧出现的是设置外观的各项。他们分别是:
- ·页面字体的样式、大小
- ·文本颜色
- ·背景颜色
- ·背景图像及重复性
- ·页面边距
设置页面字体,你可以点击下拉箭头,在出现的列表中选择要使用的字体,如图二所示,通常这些字体已经够用了,如果你还想设置额外的字体,可以点击下拉菜单最下边的“编辑字体列表”,在新弹出的对话框中编辑字体列表,如图三所示。上面是字体列表,列出已经存在的字体组合,点击左上角的“加号”图标可以添加新的字体组合,点击“减号”图标是删除字体组合,右侧的上下箭头则是调换字体组合的位置。
添加新的字体组合只需要在右下方选择可用字体,点击中间的“<<”,可用字体就会添加到左侧的“选择的字体”,同时上面也会添加相应的字体,选好后点击确定,再次点击页面字体处的下拉选项就能看到新添加的字体组合了。
页面字体选项右边有两个图标,B字图标表示设置字体为粗体,I字图标是斜体。
字体大小选项可由自己填写,也可以像选择字体那样点击下拉箭头选择,当选项框中存在数值的时候,后面的单位选项就会被激活,然后可以选择相应的单位,如果不清楚字体的单位和设置方法,可以参阅原来的文章《
CSS字体属性的用法》。
接下来要设置的是
文本颜色和
背景颜色,它们两个的设置方法完全一样,可以在输入框中填入相应的颜色代码,也可以点击背景颜色边的颜色选择图标,在弹出的颜色托盘中选择颜色,如图四。
背景图像设置的是作为页面背景的图片,如果有确切的路径,可以直接从输入框中输入,也可以点击“浏览”按钮进行图片的选择。
选好图片后,在背景图像下面设置重复属性,有四个值:
- 不重复,图片不重复,默认在顶端的最左侧显示;
- 重复,横向和纵向都重复铺开显示;
- 横向重复,只按照X轴横向重复铺开显示;
- 纵向重复,只按照Y轴纵向重复铺开显示。
下面的左边距、右边距、上边距和下边距四个选项设置方法也是完全一样的,当输入框中为数字时,后面的单位选项将被激活。这项属性实际设置的是页面body的外边距,也就是内容与页面最外边框的距离,详细内容可参阅《
CSS盒状模型的定义详解》和《
CSS外边距属性(margin)的使用方法》。
这几步都完成后,页面的基本外观就定义好了,可以点击“应用”看看页面的效果,然后学习下一步:
设置页面链接样式。