html:(32):字体，字号，颜色
生活随笔
收集整理的這篇文章主要介紹了
html:(32):字体，字号，颜色
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
文字排版--字體
我們可以使用css樣式為網頁中的文字設置字體、字號、顏色等樣式屬性。下面我們來看一個例子，下面代碼實現：為網頁中的文字設置字體為宋體。
body{font-family:"宋體";}這里注意不要設置不常用的字體，因為如果用戶本地電腦上如果沒有安裝你設置的字體，就會顯示瀏覽器默認的字體。（因為用戶是否可以看到你設置的字體樣式取決于用戶本地電腦上是否安裝你設置的字體。）
現在一般網頁喜歡設置“微軟雅黑”，如下代碼：
或
body{font-family:"微軟雅黑";}注意：第一種方法比第二種方法兼容性更好一些。
因為這種字體即美觀又可以在客戶端安全的顯示出來（用戶本地一般都是默認安裝的）。
<!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>運行結果
文字排版--字號、顏色
可以使用下面代碼設置網頁中文字的字號為12像素，并把字體顏色設置為#666(灰色)：
body{font-size:12px;color:#666} <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>字號、顏色</title> <style type="text/css"> body{font-size:12px;color:#666;} .stress{font-size:20px;color:red;} </style> </head> <body><h1>勇氣</h1><p>三年級時，我還是一個<span class="stress">膽小如鼠</span>的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p><p>到了三年級下學期時，我們班上了一節公開課，老師提出了一個很簡單的<span>問題</span>，班里很多同學都舉手了，甚至成績比我差很多的，也舉手了，還說著："我來，我來。"我環顧了四周，就我沒有舉手。</p> </body> </html>運行結果
總結
以上是生活随笔為你收集整理的html:(32):字体，字号，颜色的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： PHP许愿墙的经济可行性,深入PHP许愿
- 下一篇： jaxen.jar下载地址