單詞：font-size
語(yǔ)法：font-size : absolute-size | relative-size | length
取值：xx-small | x-small | small | medium | large | x-large | xx-large
xx-small:最小
x-small:較小
small:小
medium:正常(默認(rèn)值)，根據(jù)字體進(jìn)行調(diào)整
large:大
x-large:較大
xx-large:最大
也可取具體長(zhǎng)度單位值
2、font-size使用方法
font-size:12px; 設(shè)置對(duì)象具體字體大小為12px
font-size:xx-small; 設(shè)置文字大小為最小
font-size:small; 設(shè)置文字字體大小為小
font-size:x-large;設(shè)置對(duì)象字體大小為較大
font-size:larger;設(shè)置對(duì)象字體大小為大
font-size:smaller;相對(duì)于父容器中字體尺寸進(jìn)行相對(duì)減小
font-size:50%;相對(duì)于父容器中字體尺寸進(jìn)行相應(yīng)調(diào)整為50%大小
font-size:150%;相對(duì)于父容器中字體尺寸進(jìn)行相應(yīng)調(diào)整為150%大小
3、 對(duì)應(yīng)DIV+CSS代碼：
01. < !DOCTYPE html > 02.< html > 03.<head> 04.<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 05.<title>font-size字體大小測(cè)試-DIVCSS5實(shí)驗(yàn)</title> 06.<style type="text/css"> 07.body{ font-size:12px; line-height:24px;} 08..exp1{font-size:12px;} 09..exp2{font-size:xx-small;} 10..exp3{font-size:small;} 11..exp4{font-size:x-large;} 12..exp5{font-size:larger;} 13..exp6{font-size:smaller;} 14..exp7{font-size:50%;} 15..exp8{font-size:150%;} 16.</style> 17.<!-- www.divcss5.com --> 18.</head> 19.<body> 20.<div class="exp1">我被font-size值為12px大小</div> 21.<div class="exp2">我被font-size值為xx-small大小</div> 22.<div class="exp3">我被font-size值為small大小</div> 23.<div class="exp4">我被font-size值為x-large大小</div> 24.<div class="exp5">我被font-size值為larger大小</div> 25.<div class="exp6">我被font-size值為smaller大小</div> 26.<div class="exp7">我被font-size值為50%大小</div> 27.<div class="exp8">我被font-size值為150%大小</div> 28.</body> 29.</html>
4、font size=5什么意思
有時(shí)我們看見(jiàn)或遇到如：
<font size="5">內(nèi)容</font>
這個(gè)方法也是直接使用font標(biāo)簽加size設(shè)置對(duì)象字體大小。這里5代表設(shè)置對(duì)象字體大小為5號(hào)字。
大家可以使用此方法測(cè)試測(cè)試比如設(shè)置size="2"、size="3"、size="8"等等不同值觀察觀察區(qū)別并掌握。
5、CSS font-size常見(jiàn)運(yùn)用
5-1、直接標(biāo)簽內(nèi)使用font-size設(shè)置對(duì)象內(nèi)容字體大小
<div style="font-size:14px">我被設(shè)置字體大小為14px</div>
5-2、使用標(biāo)簽與CSS樣式分離設(shè)置對(duì)象內(nèi)容字體大小（推薦）
CSS代碼：.divcss5{ font-size:16px;}
對(duì)應(yīng)HTML DIV代碼：<div class="divcss5">我被CSS font-size樣式設(shè)置字體大小為16px</div>
我們常常以此方法來(lái)設(shè)置對(duì)象字體大小。也就是所說(shuō)的表現(xiàn)與CSS樣式分離。
6、對(duì)CSS font-size總結(jié)
我們使用CSS font-size設(shè)置對(duì)象字體大小樣式，一般設(shè)置文字字體大小以具體長(zhǎng)度單位值來(lái)確定對(duì)象內(nèi)容文字大小。總之記住如CSS代碼font-size:14px，即設(shè)置對(duì)象字體大小為14px（像素）。
聯(lián)系客服
