KompoZer 操作基础教程

作者:Teliute 来源:基础教程网

三、设置文本 返回目录 下一课

 网页的内容大部分是文字,文字的属性包括、字体、字号和颜色等,下面我们来看一个练习;

 1、启动KompoZer

 1)点左上角菜单“应用程序-编程-KompoZer”,就可以启动KompoZer程序;

 2)在左边的站点中,找到网站“青青草”,点加号展开折叠,双击打开其中的index.html;

 a3zhd.gif

 3)在右边的窗口中,出来上次的输入内容,我们用CSS样式表来设置里面的标题和有内容;

 2、创建样式规则

 1)点菜单“工具-CSS编辑器”,出来样式编辑器,左边是样式列表,右边是创建规则

 b1cd.gif

 

 2)点一下左上角的新建按钮,然后在右边的文本框里,输入规则名称.title,再点下边的“创建样式规则”按钮;

 b2bjq.gif

 

 3)再在上边选文本标签,点击“使用自定义字体”右边的按钮,选择“文泉驿正黑”,

 字体大小输入1.5em,颜色点右边的色块,选择红色;

 b3gz.gif

 这样就创建好一个规则;

 4)再在左上角点“新建按钮”,输入规则名称 .text

 再选“文本”标签,字体选择“文鼎 宋体”,大小1.2em,颜色为蓝色;

 b4gz.gif

 点“确定”关闭面板,回到窗口中;

 

 3、设置文本

 1)用鼠标拖动的方法,选中标题“青青草花园”,然后在编辑栏里,找到样式框点一下 no class,选择 titlex 样式;

 c1ysh.gif

 

 2)在拖选中下面的三行内容,再在左上角样式框里点选“text”样式;

 c2ysh.gif

 

 3)保存一下文件,点“浏览”按钮,看一下页面效果;

 c3ll.gif

 

 本节学习了在KompoZer中,用样式表设定文字效果的基本方法,如果你成功地完成了练习,请继续学习下一课内容;

返回目录 下一课

本教程由86团学校TeliuTe制作|著作权所有

基础教程网:http://teliute.org/

美丽的校园……

转载和引用本站内容,请保留作者和本站链接。