關(guān)閉
當(dāng)前位置:首頁 >> 觀點(diǎn) >> 常見問題

網(wǎng)頁設(shè)計(jì)過程中怎么使用CSS樣式美化文本呢?

來源:無錫網(wǎng)站建設(shè)阿凡達(dá) 瀏覽次數(shù):658 發(fā)表日期:2023-05-18

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

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

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

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

正文:宋體、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)用樣式。 

聲明:本站部分內(nèi)容及圖片來自互聯(lián)網(wǎng),轉(zhuǎn)載是出于傳遞更多信息之目的,內(nèi)容觀點(diǎn)僅代表作者本人,如有任何標(biāo)注錯(cuò)誤或版權(quán)侵犯請與我們聯(lián)系(Email:[email protected]),我們將及時(shí)更正、刪除,謝謝。

免費(fèi)答疑熱線

400-189-1319

添加微信

添加微信
添加微信