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

2022-04-29    分類： 網(wǎng)站建設(shè)

在網(wǎng)頁設(shè)計時，如果不設(shè)置文本的字體和大小，瀏覽器將以3號宋體來顯示文本，看上去很不美觀。實踐證明漢字字體只有9磅(point，簡稱pt)的宋體看起來最美觀，這種字體被廣泛應用于絕大多數(shù)的中文站點中。但通過文本屬性面板無法設(shè)置這種字體的大小，只有求助于CSS了。
1.設(shè)計目標
應用css樣式分別對標題及正文進行文本格式化，瀏覽效果如圖所示。
2.頁面分析
在圖所示的網(wǎng)頁文件中，分別對標題及正文進行了以下設(shè)置:
標題(Heading):黑體、12磅、加粗、文字顏色為黃色(#FFFF00)、背景顏色為綠色(#00CC00)、字間距3像素(pixels)、文本居中對齊；

正文:宋體、9磅、行間距180%、文字顏色為綠色(#009900)、首行縮進2字符。
3.素材準備
源文件存放在本地站點的example文件夾下，文件名為ex10-1.htmo
4.實現(xiàn)步驟
打開ex10-hm文件，將其另存為ex10-2.htm。先創(chuàng)建網(wǎng)站設(shè)計樣式，再應用樣式。

本文題目：網(wǎng)頁設(shè)計時利用CSS樣式美化文本
URL分享：http://muchs.cn/news/147363.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制網(wǎng)站、手機網(wǎng)站建設(shè)、電子商務(wù)、用戶體驗、自適應網(wǎng)站、品牌網(wǎng)站設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站制作