前話
有些小夥伴問我網頁文字相關的問題，例如怎麼修改文字的顏色，或是怎麼修改文字大小，鑑於這些都是網頁設計中肯定會遇到的，於是我就把大家常見的問題收集起來形成文字，以便小夥伴們查閱，希望對大家有所幫助。開篇
在開始本文之前，我準備了案例，結合案例會比直接貼代碼更好理解，下面就以圖文並茂的方式開始講解。完整代碼
<html><head> <style> body{ background:#E0FFFF;/*設置背景顏色*/ font-family: 思源黑體 CN;/*設置字體*/ }
.container{ width:100%;/*設置寬度*/ text-align:center;/*設置內容居中*/ padding-top:50px;/*設置內容與上邊距離*/ }</style></head><body> <div> <h1 style="color:#71C671;font-size:3em;">周末の青檸</h1> <p style="font-size:2em;">周末簡設 - 分享好作品，傳遞正能量</p> <p> 周末<font size="10px" color="#EE6A50"> 簡設 </font>，簡潔 <font size="5px" color="#71C671"> 不 </font>等於簡單 </p> </div></body></html>接下來我們來分析一下實現以上效果的方法，關鍵代碼我會圈出來
1、修改文字字體
通過font-family切換字體，至於有哪些字體可以自行搜索
2、修改文字顏色
通過color設置字體顏色，至於有哪些web安全色可以自行搜索
3、修改文字大小
修改文字大小有兩種方法
（1）通過style的font-size屬性來修改
（2）通過font標籤size屬性來修改
PS：
px：絕對單位，頁面按精確的像素展示。
em：相對單位，基準點為父節點字體的大小。
後記
你耐心得走多遠，你就能看多遠！
案例下載
連結：
https://pan.baidu.com/s/1kSUJZfgAAZrObG99Cukjwg
提取碼：
bwv4