網(wǎng)頁(yè)設(shè)計(jì)時(shí)利用CSS樣式美化文本

發(fā)布：2018-01-22 17:42:55 瀏覽：3943

在網(wǎng)頁(yè)設(shè)計(jì)時(shí)，如果不設(shè)置文本的字體和大小，瀏覽器將以3號(hào)宋體來(lái)顯示文本，看上去很不美觀。實(shí)踐證明漢字字體只有9磅(point，簡(jiǎn)稱pt)的宋體看起來(lái)最美觀，這種字體被廣泛應(yīng)用于絕大多數(shù)的中文站點(diǎn)中。但通過(guò)文本屬性面板無(wú)法設(shè)置這種字體的大小，只有求助于CSS了。

1.設(shè)計(jì)目標(biāo)

應(yīng)用css樣式分別對(duì)標(biāo)題及正文進(jìn)行文本格式化，瀏覽效果如圖所示。

2.頁(yè)面分析

在圖所示的網(wǎng)頁(yè)文件中，分別對(duì)標(biāo)題及正文進(jìn)行了以下設(shè)置:

標(biāo)題(Heading):黑體、12磅、加粗、文字顏色為黃色(#FFFF00)、背景顏色為綠色(#00CC00)、字間距3像素(pixels)、文本居中對(duì)齊；

正文:宋體、9磅、行間距180%、文字顏色為綠色(#009900)、首行縮進(jìn)2字符。

3.素材準(zhǔn)備

源文件存放在本地站點(diǎn)的example文件夾下，文件名為ex10-1.htmo

4.實(shí)現(xiàn)步驟

打開ex10-hm文件，將其另存為ex10-2.htm。先創(chuàng)建網(wǎng)站設(shè)計(jì)樣式，再應(yīng)用樣式。