10-1文字排版--字體 · 初識HTML+CSS

我們可以使用css樣式為網頁中的文字設置字體、字號、顏色等樣式屬性。下面我們來看一個例子，下面代碼實現：為網頁中的文字設置字體為宋體。 ~~~ body{font-family:"宋體";} ~~~ 這里注意不要設置不常用的字體，因為如果用戶本地電腦上如果沒有安裝你設置的字體，就會顯示瀏覽器默認的字體。（因為用戶是否可以看到你設置的字體樣式取決于用戶本地電腦上是否安裝你設置的字體。）現在一般網頁喜歡設置“微軟雅黑”，如下代碼： ~~~ body{font-family:"Microsoft Yahei";} ~~~ 或 ~~~ body{font-family:"微軟雅黑";} ~~~ 注意：第一種方法比第二種方法兼容性更好一些。因為這種字體即美觀又可以在客戶端安全的顯示出來（用戶本地一般都是默認安裝的）。 ### 任務 **我也來試試，為右側的段落文字設置字體為“微軟雅黑”** 1.在右邊編輯器的第7行，輸入： ~~~ body{font-family:"Microsoft Yahei";} ~~~ ``` <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>認識html標簽</title> <style type="text/css"> body{font-family:"Microsoft Yahei";} </style> </head> <body> <h1>勇氣</h1> <p>三年級時，我還是一個<span id="stress">膽小如鼠</span>的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p> <p>到了三年級下學期時，我們班上了一節公開課，老師提出了一個很簡單的問題，班里很多同學都舉手了，甚至成績比我差很多的，也舉手了，還說著："我來，我來。"我環顧了四周，就我沒有舉手。</p> </body> </html> ```