網頁設計時利用CSS樣式美化文本
2022-04-29 分類： 網站建設
在網頁設計時，如果不設置文本的字體和大小，瀏覽器將以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。先創建網站設計樣式，再應用樣式。
1.設計目標
應用css樣式分別對標題及正文進行文本格式化，瀏覽效果如圖所示。
2.頁面分析
在圖所示的網頁文件中，分別對標題及正文進行了以下設置:
標題(Heading):黑體、12磅、加粗、文字顏色為黃色(#FFFF00)、背景顏色為綠色(#00CC00)、字間距3像素(pixels)、文本居中對齊；
正文:宋體、9磅、行間距180%、文字顏色為綠色(#009900)、首行縮進2字符。
3.素材準備
源文件存放在本地站點的example文件夾下，文件名為ex10-1.htmo
4.實現步驟
打開ex10-hm文件，將其另存為ex10-2.htm。先創建網站設計樣式，再應用樣式。
當前標題：網頁設計時利用CSS樣式美化文本
URL地址：http://m.2m8n56k.cn/news13/147363.html
成都網站建設公司_創新互聯，為您提供網站設計、網站導航、全網營銷推廣、外貿網站建設、響應式網站、標簽優化
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
猜你還喜歡下面的內容
- 【網絡推廣】如何通過網絡營銷獲得真實客戶?選好關鍵字是做競價的最重要因素 2022-04-29
- 怎么設置外部鏈接的廣泛度？ 2022-04-29
- 如何使用百度站長平臺？ 2022-04-29
- 黃山市旅游網絡傳播路徑優化 2022-04-29
- 加強對網站大數據分析的監管力度，提高大數據信息利用率 2022-04-29
- 今天來講述官網建設的策略都有哪些 2022-04-29
- 點擊按鈕改變頁面背景的命令如何設計 2022-04-29
- 【SEO優化】網站流量中的PV、UV、IP具體是什么?三者之間有什么關系? 2022-04-29
- 企業品牌做軟文推廣技巧 2022-04-29
- 做SEO要注冊轉換率 2022-04-29
- 云南網站ICP備案流程-備案資料要求-域名備案要求 2022-04-29
- 【網站優化】SEO優化中百度快照的主要內容和作用 2022-04-29
- 深圳龍華網站邏輯層的設計 2022-04-29
- 網站文章斷供對網絡推廣到底有多深的傷害 2022-04-29
- 淺談網頁設計中的簡約之美 2022-04-29
- 河南大力支持第四代移動通信網絡建設發展 2022-04-29
- 什么時候應該放棄"移動優先"？ 2022-04-29
- 開發一款App的成本有多少？ 2022-04-29
- 為什么App推廣越來越難了？ 2022-04-29