網(wǎng)頁設(shè)計(jì)時(shí)利用CSS樣式美化文本
2022-04-29 分類： 網(wǎng)站建設(shè)
在網(wǎng)頁設(shè)計(jì)時(shí)，如果不設(shè)置文本的字體和大小，瀏覽器將以3號(hào)宋體來顯示文本，看上去很不美觀。實(shí)踐證明漢字字體只有9磅(point，簡(jiǎn)稱pt)的宋體看起來最美觀，這種字體被廣泛應(yīng)用于絕大多數(shù)的中文站點(diǎn)中。但通過文本屬性面板無法設(shè)置這種字體的大小，只有求助于CSS了。
1.設(shè)計(jì)目標(biāo)
應(yīng)用css樣式分別對(duì)標(biāo)題及正文進(jìn)行文本格式化，瀏覽效果如圖所示。
2.頁面分析
在圖所示的網(wǎng)頁文件中，分別對(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)用樣式。
1.設(shè)計(jì)目標(biāo)
應(yīng)用css樣式分別對(duì)標(biāo)題及正文進(jìn)行文本格式化，瀏覽效果如圖所示。
2.頁面分析
在圖所示的網(wǎng)頁文件中，分別對(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)用樣式。
本文題目：網(wǎng)頁設(shè)計(jì)時(shí)利用CSS樣式美化文本
URL分享：http://www.aaarwkj.com/news/147363.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制網(wǎng)站、手機(jī)網(wǎng)站建設(shè)、電子商務(wù)、用戶體驗(yàn)、自適應(yīng)網(wǎng)站、品牌網(wǎng)站設(shè)計(jì)
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 【網(wǎng)絡(luò)推廣】如何通過網(wǎng)絡(luò)營(yíng)銷獲得真實(shí)客戶?選好關(guān)鍵字是做競(jìng)價(jià)的最重要因素 2022-04-29
- 怎么設(shè)置外部鏈接的廣泛度？ 2022-04-29
- 如何使用百度站長(zhǎng)平臺(tái)？ 2022-04-29
- 黃山市旅游網(wǎng)絡(luò)傳播路徑優(yōu)化 2022-04-29
- 加強(qiáng)對(duì)網(wǎng)站大數(shù)據(jù)分析的監(jiān)管力度，提高大數(shù)據(jù)信息利用率 2022-04-29
- 今天來講述官網(wǎng)建設(shè)的策略都有哪些 2022-04-29
- 點(diǎn)擊按鈕改變頁面背景的命令如何設(shè)計(jì) 2022-04-29
- 【SEO優(yōu)化】網(wǎng)站流量中的PV、UV、IP具體是什么?三者之間有什么關(guān)系? 2022-04-29
- 企業(yè)品牌做軟文推廣技巧 2022-04-29
- 做SEO要注冊(cè)轉(zhuǎn)換率 2022-04-29
- 云南網(wǎng)站ICP備案流程-備案資料要求-域名備案要求 2022-04-29
- 【網(wǎng)站優(yōu)化】SEO優(yōu)化中百度快照的主要內(nèi)容和作用 2022-04-29
- 深圳龍華網(wǎng)站邏輯層的設(shè)計(jì) 2022-04-29
- 網(wǎng)站文章斷供對(duì)網(wǎng)絡(luò)推廣到底有多深的傷害 2022-04-29
- 淺談網(wǎng)頁設(shè)計(jì)中的簡(jiǎn)約之美 2022-04-29
- 河南大力支持第四代移動(dòng)通信網(wǎng)絡(luò)建設(shè)發(fā)展 2022-04-29
- 什么時(shí)候應(yīng)該放棄"移動(dòng)優(yōu)先"？ 2022-04-29
- 開發(fā)一款A(yù)pp的成本有多少？ 2022-04-29
- 為什么App推廣越來越難了？ 2022-04-29