网页设计时利用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。先创立网站设计样式,再运用样式。

相關文章: