网页设计时利用CSS样式美化文本

在网页设计时，假如不设置文本的字体和年夜小，阅读器将以3号宋体来显示文本，看上去很不雅观。实践证实汉字字体只有9磅(point，简称pt)的宋体看起来最雅观，这种字体被普遍运用于绝年夜多半的中文站点中。但经由过程文本属性面板无法设置这种字体的年夜小，只有乞助于CSS了。

1.设计目的

运用css样式分离对题目及正文进行文本格局化，阅读后果如图所示。

2.页面剖析

在图所示的网页文件中，分离对题目及正文进行了以下设置:

题目(Heading):黑体、12磅、加粗、文字色彩为黄色(#FFFF00)、配景色彩为绿色(#00CC00)、字间距3像素(pixels)、文本居中对齐；

正文:宋体、9磅、行间距180%、文字色彩为绿色(#009900)、首行缩进2字符。

3.素材预备

源文件寄存在当地站点的example文件夹下，文件名为ex10-1.htmo

4.实现步调

打开ex10-hm文件，将其另存为ex10-2.htm。先创立网站设计样式，再运用样式。