《网站建设与网页设计从入门到精通Dreamweaver+Flash+Photoshop＋HTML+CSS+JavaScript》——3.4　编辑文本格式

本节书摘来自异步社区《网站建设与网页设计从入门到精通Dreamweaver+Flash+Photoshop＋HTML+CSS+JavaScript》一书中的第3章，第3.4节，作者：何新起 更多章节内容可以访问云栖社区“异步社区”公众号查看。

3.4　编辑文本格式

Dreamweaver中的文本格式设置与使用标准字处理程序类似。可以为文本块设置默认格式设置样式（段落、标题1、标题2等）、更改所选文本的字体、大小、颜色和对齐方式，或者应用文本样式（如粗体、斜体、代码和下划线）。

3.4.1　设置文本字体
输入文本后，可以在【属性】面板中对文本的大小、字体和颜色等进行设置。设置文本属性的具体操作步骤如下。

1 在【属性】面板中【CSS】选项卡的【字体】下拉列表中选择“编辑字体列表”选项，如图3.37所示。

２ 在对话框中的【可用字体】列表框中选择要添加的字体，单击Snap19按钮添加到左侧的【选择的字体】列表框中，在【字体】列表框中就会显示新添加的字体，如图3.38所示。重复以上操作即可添加多种字体。若要取消已添加的字体，可以在【字体列表】选中该字体组合，相应的多个字体会出现在【选择的字体】列表框中，然后选中要取消的字体，单击Snap19按钮即可。

3 完成一个字体样式的编辑后，可进行下一个样式的编辑。若要删除某个已经编辑的字体样式，可选中该样式单击按钮。完成字体样式的编辑后，单击【确定】按钮确认修改并关闭该对话框。

4 这里选择【字体】为“宋体”，弹出【新建CSS规则】对话框，在对话框的【选择器类型】中选择“类（可应用于任何HTML元素）”，在【选择器名称】中输入名称“.contenta”，在【规则定义】中选择“仅限该文档”，如图3.39所示。

3.4.3　设置文本颜色
还可以改变网页文本的颜色，设置文本颜色的具体操作步骤如下。

1 选中设置颜色的文本，在【属性】面板中单击【文本颜色】按钮，打开如图3.41所示的调色板。

２ 在调色板中选中所需的颜色，光标变为形状，单击鼠标左键即可选取该颜色。单击【确定】按钮，设置文本颜色，如图3.42所示。

如果调色板中的颜色不能满足需要时，单击按钮，弹出【颜色】对话框，在对话框中选择需要的颜色即可。
HTML代码分析
1．字体属性face
Face属性规定的是字体的名称，如中文字体的【宋体】、【楷体】、【隶书】等。可以通过字体的face属性设置不同的字体，设置的字体效果必须在浏览器中安装相应的字体后才可以正确浏览，否则有些特殊字体会被浏览器中的普通字体所代替。

语法：

<font face="字体样式">……</font>

        

          
        
        
        

          

          AI 代码解读
        
      
      

说明：

face属性用于定义该段文本所采用的字体名称。如果浏览器能够在当前系统中找到该字体，则使用该字体显示。

2．字号属性size
文字的大小也是字体的重要属性之一。除了使用标题文字标记设置固定大小的字号之外，HTML语言还提供了< font >标记的size属性来设置普通文字的字号。

语法：

<font size="文字字号">……</font>

        

          
        
        
        

          

          AI 代码解读
        
      
      

说明：

size属性用来设置字体大小，它有绝对和相对两种方式。Size属性有1到7个等级，1级最小，7级的字体最大，默认的字体大小是3号字。可以使用“Size=?”定义字体的大小。

提示

< font >标记和它的属性可影响周围的文字，该标记可应用于文本段落、句子和单词，甚至单个字母。
3．颜色属性color
在HTML页面中，还可以通过不同的颜色表现不同的文字效果，从而增加网页的亮丽色彩，吸引浏览者的注意。

语法：

<font color="字体颜色">……</font>

        

          
        
        
        

          

          AI 代码解读
        
      
      

说明：

它可以用浏览器承认的颜色名称和十六进制数值表示。