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