![网页设计与前端开发实用教程(Dreamweaver+CSS+Photoshop+JavaScript+HTML)](https://wfqqreader-1252317822.image.myqcloud.com/cover/954/34559954/b_34559954.jpg)
上QQ阅读APP看书,第一时间看更新
1.4 编辑文本格式
Dreamweaver CC中的文本格式设置与使用标准字处理程序类似。网页制作者可以在Dreamweaver中为文本块设置样式(段落、标题1、标题2等)、更改所选文本的字体、大小、颜色和对齐方式,或者应用文本样式(如粗体、斜体、代码和下画线)。
1.4.1 课堂案例——设置文本字体
一款合适的字体,是决定网页美观、布局合理的关键。具体操作步骤如下。
01 在“属性”面板中单击“字体”右边的文本框,在弹出的下拉列表中选择“管理字体”选项,如图1-28所示。
![](https://epubservercos.yuewen.com/2A9300/18460401801374406/epubprivate/OEBPS/Images/a338.jpg?sign=1738801509-ShlxZsuqm3U77XBJjxG6Mc93NqQ1PRkq-0-ca4d338b74a7fa0abda593a23c12c127)
图1-28 选择“管理字体”选项
02 弹出“管理字体”对话框,在对话框中选择“自定义字体堆栈”选项,在“自定义字体堆栈”的“可用字体”列表框中选择添加的字体,单击按钮添加到左侧的“选择的字体”列表框中,在“字体列表”列表框中也会显示新添加的字体,如图1-29所示。重复以上操作即可添加多种字体。若要删除已添加的字体,可以选中该字体并单击
按钮。完成一个字体样式的编辑后,单击
按钮可进行下一个样式的编辑。若要删除某个已经编辑的字体样式,可选中该样式并单击
按钮。
![](https://epubservercos.yuewen.com/2A9300/18460401801374406/epubprivate/OEBPS/Images/a343.jpg?sign=1738801509-8P9CXW31onXUYMzXNMEfRgALFmDHM9rO-0-6d2fc01d4683b73189ad66e83390d4c4)
图1-29 “管理字体”对话框
03 完成字体样式的编辑后,单击“完成”按钮,关闭“管理字体”对话框。返回到文档窗口中,可以看到添加的字体,如图1-30所示。
![](https://epubservercos.yuewen.com/2A9300/18460401801374406/epubprivate/OEBPS/Images/a344.jpg?sign=1738801509-5SnHmyod9tNyh6JQVQqdzU6JwzEvDuQM-0-00b5d7b07302f70efa2665c7437346cf)
图1-30 添加字体成功
1.4.2 设置文本大小
选中要设置字号的文本,在“属性”面板中的“大小”下拉列表中选择字号的大小,或者直接在“大小”文本框中输入相应大小的字号,如图1-31所示。
![](https://epubservercos.yuewen.com/2A9300/18460401801374406/epubprivate/OEBPS/Images/a344.jpg?sign=1738801509-5SnHmyod9tNyh6JQVQqdzU6JwzEvDuQM-0-00b5d7b07302f70efa2665c7437346cf)
图1-31 设置文本的字号
1.4.3 设置文本颜色
设置文本颜色的具体操作步骤如下。
01 选中要设置颜色的文本,在“属性”面板中单击“文本颜色”按钮,打开图1-32所示的调色板。
![](https://epubservercos.yuewen.com/2A9300/18460401801374406/epubprivate/OEBPS/Images/a360.jpg?sign=1738801509-jNVV7XapBQdSl3iac7qa4M6WiIDqJ0Nc-0-bd4f3ef485768b29c459515e798cb0e9)
图1-32 调色板
02 在调色板中选中所需的颜色,当鼠标指针变为形状时,单击即可选取该颜色。设置文本颜色,如图1-33所示。
![](https://epubservercos.yuewen.com/2A9300/18460401801374406/epubprivate/OEBPS/Images/a361.jpg?sign=1738801509-SU0qep76oD3eKzW4Em8a73JwN6fgxsYP-0-0d2befd93d4257ae4b671069097d5726)
图1-33 设置文本颜色