Dreamweaver CS6中使用CSS美化文本
本文来自 九州书源 《Dreamweaver CS6网页制作》 清华大学出版社 2015年
摘 要:本文档主要介绍Dreamweaver CS6中使用CSS美化文本的基本方法。
关键词: Dreamweaver CS6; 美化;文本
使用CSS美化文本
在网页中的文本,也可以同文档编辑软件中的文本一样,设置其格式,让文本更加美观,有吸引力 ,
其设置的方法很简单,可以直接通过选择需要设置的文本,在其“属性”面板中进行设置,这里将介绍
使用 CSS 样式对文本进行美化的方法,该方法比前一种虽然复杂些,但是使用 CSS 可对文本进行更细致
的美化,这是在“属性”面板中不能进行的操作。
在 CSS 规则定义对话框(如左图)中的“分类”列表框中选择“类型”选项,在右侧的各种选项中设
置文本样式的参数(效果如右图)。
下面将分别介绍美化文本的各个参数的作用。
图 1 美化文本的各个参数的作用
(1) “Font-family”下拉列表框:在该下拉列表框中可选择文本的字体样式。
(2) “Font-size”下拉列表框:在该下拉列表框中可设置文本的字体的大小,单击其后的“下
拉”按钮,可选择字体大小的单位,默认情况下是 px(像素)。
(3) “Font-style”下拉列表框:在该下拉列表框中可选择文本的样式。如 normal(默认样式)
italic(斜体)和 olique (偏斜体)。
(4) “Line-height”下拉列表框:在该下拉列表框中可选择文本行的高度,单击其后的下拉按钮
可设置行高的单位,默认为 px 像素。
(5) “Font-weight”下拉列表框:在该下拉列表框中可设置文本的粗细,也可以设置具体的粗细
值。
(6) “Font-variant”下拉列表框:该下拉列表框中的选项主要是针对英文字体的设置,在文文本
中,大写字母的字号一般是选择“Font-variant”中的“small-caps (小型大写字母)”选项。
(7) “Text-transform”下拉列表框:该下拉列表框中的选项也是针对英文字体的设置,主要是
将英文字母进行大小写转换。
(8) “Text-decoration”复选框组:该复选框中主要是对文本进行修饰,其中“underline”复选
框表示为文本添加下划线;“overline”复选框主要是为文本添加上划线;“line-through”复选框主要
是为文本添加删除线;“blin,”复选框主要是为文本添加闪烁效果。“none”复选框是不为文本添加任
何修饰。
(9) “Color”按钮: 单击该按钮可设置文本的字体颜色,其后的文本框可显示颜色的具体值
(其值是以十六进制的方式进行显示)。
1 / 1
Dreamweaver CS6 中使用 CSS 美化文本