轻松学HTMLCSS之文字.pptx

《轻松学HTMLCSS之文字.pptx》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第3章文字文字是网页中传达信息的最常用的方式。任何网页元素都无法代替文字的作用。它不仅是网站信息传递的主要载体，也是网页中必不可少的重要视觉艺术传达符号。文字设计的好坏会直接影响到整个网站的视觉传达效果。本章将详细讲解网页中文字的使用。3.1网页中的文字由于网页的自身特点，在网页中使用文字需要考虑诸多因素，如文字的编码、文字的字体、文字的表示。一旦忽略这些因素，会对信息传达的造成各种障碍。下面依次讲解这些因素。3.1.1文字编码——字符集在计算机中，所有的信息都是使用数字表示的。对于非数字的的内容必须按照一定

2、的规则进行编码，才能进行保存。而网页的文字，同样是采用编码的形式进行保存。由于全世界存在众多的语言，所以文字形式也各不相同。由于历史原因，对于各种文字有多种编码形式。下面依次讲解最常用的基本编码模式。（1）Unicode联盟开发了Unicode标准。（2）GBK是汉字编码标准之一。（3）GB2312一般用于简体中文，与Unicode都是字符集。1.使用HTML标签设置文字编码HTML并没有提供专门的标签设置文字编码。用户只能在标签中进行设置。设置方法如下：2.使用Dreamweaver设置文字编码

3、在Dreamweaver中，用户可以直接以界面化得方式进行设置。打开HTML文档。在“属性”面板中，单击“页面属性”按钮，进行设置。3.1.2文字的字体字符集决定文字在计算机内部的编码。但是文字的具体显示，则由字体所决定。换句话说，字体决定一个文字编码在屏幕显示出来的字。在网页设计过程中，我们常用的文字字体的类型有宋体、黑体、楷体和Wingdings。其中，Wingdings字体是网页中特殊的字体。下面详细讲解该类字体。Wingdings字体Wingdings是一个符号字体系列，它将许多字母渲染成各式各样的符

4、号。下面我们介绍几种常用的给大家，如图3.2所示。Wingdings2下面我们介绍几种常用的给大家，如图3.3所示。Wingdings3Wingdings3则包含了箭头形状的全部种类，下面我们介绍几种常用的给大家，如图3.4所示。1.使用HTML设置文字字体在HTML中，我们使用字体标签font来对字体、字符集进行设置。语法规则如下：2.使用Dreamweaver设置文字字体在Dreamweaver中，用户可以直接以界面化得方式进行设置。打开HTML文档。在“属性”面板中，单击“页面属性”按钮，进行设置。3.

5、使用CSS设置文字字体在CSS中，我们通常使用标签对字体进行设置，使用格式如下：3.1.3文字的表达网页中，HTML标签也由文字构成的。当用户要表达的内容中包含网页标签，就不会被显示出来。为了避免这种情况，HTML中提供了特殊文字——字符实体。字符实体的语法如下：文字的表达下面介绍几种最常用的几种字符实体，如表3.1所示。3.2字体属性设置文字是网页中最常见的一种元素，使用范围也最广。下面我们就来介绍有关文字的属性设置。3.2.1文字大小在HTML中，我们通常使用

6、标签来设置文字的大小，使用格式如下：对于“字体大小”我们从以下两个方面介绍：1.绝对大小2.相对大小使用不同方法设置字体大小1.使用像素来设置字体大小，使用格式如下：2.使用em来设置字体大小。使用em单位，可以在所有浏览器中调整文本的大小。换算公式：pixels/16=em，使用格式如下：3.2.2文字颜色为网页内容加上色彩，可以更好地表达内容的主题。网页内容包含链接文字和普通文字，这里我们着重讲解如何设置普通文字的颜色，在后面的章节中再详细介绍链接文字颜色的设置。在HTML中，我们通常使用

7、or>标签来设置文字颜色，使用格式如下：在CSS中，通常我们是这样设置文字颜色的：3.2.3文字对齐方式网页内容的排放有时要求整齐统一；有时要求活泼大方；有时要求错落有致，从而可以看出对齐方式的设置对网页的重要性。在HTML中，我们通常设置align属性，使用格式如下：在CSS中，我们通常使用text-align属性设置文本对齐方式，使用格式如下：CSS字体属性CSS字体属性的具体描述如表3.3所示：属性描述font简写属性。作用是把所有针对字体的属性设置在一个声明中font-family设置字体系列。fon

8、t-size设置字体的尺寸。font-style设置字体风格。font-variant以小型大写字体或者正常字体显示文本。font-weight设置字体的粗细。3.3文本格式化文本格式化是针对网页设计中所用到的文本的格式设置，下面我们就来介绍有关文本格式化的相关知识。3.3.1定义粗体文本粗体文字是使文字在显示的时候，笔画加粗。通常，采用该方式是为了让文字着重表现。在HTML中，可以使用和