手机
当前位置:查字典教程网 >编程开发基础 >Nvu 网站制作基础 >样式表设置文字
样式表设置文字
摘要:

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

1、启动Nvu

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

2)第一次启动时会出来两个小面板,点关闭即可,然后进入程序窗口中;

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

4)这时右边的窗口中,出来上次的输入内容;

5)这个页面中有标题、有内容,标题的字体要大些,内容的字体要小些,下面我们来分别设置一下;

2、嵌入样式表

1)点菜单“工具-CSS编辑器”,出来样式编辑器,在左下角找到中间的“嵌入样式表”按钮,点击一下;

2)然后在右边的面板中,直接点击“建立样式表”按钮,左边栏里就有了一个“内部样式表”;

3)再在左下角点击右边的“嵌入规则”按钮,在右边会出来一个建立规则面板;

4)在右边的面板中,输入拼音 biaoti ,然后点击下面的“建立CSS规则”按钮;

5)然后在上面点击“文字”标签,在字体中点“使用自定义”,输入 文泉驿正黑 ,在下面的大小中输入24px,在右上角颜色小方块中,选择颜色为红色;

6)用同样的方法,再点左下角的“嵌入规则”,在右边输入名称 neirong 然后点“创建规则”,

这次的“文字”标签里,字体 文泉驿正黑 ,字号18px ,颜色为蓝色;

7)创建好以后,点右下角的关闭按钮,返回到窗口中,下面我们来使用这两个样式;

3、设置文字

1)用鼠标拖动的方法,选中标题“青青草花园”,然后在左上角点段落下面,找到样式框里点一下,选择 biaoti 样式;

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

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

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

上一篇: 段落和标签
精品推荐
分类导航