設置字體大小CSS單詞與語法
基本語法結構：
.divcss5{font-size:12px;}
設置了文字大小為12px像素
Font-size+字體大小數值+單位
單詞：font-size
語法：font-size : absolute-size | relative-size | length
取值：xx-small | x-small | small | medium | large | x-large | xx-large
xx-small:最小
x-small:較小
small:小
medium:正常(默認值)，根據字體進行調整
large:大
x-large:較大
xx-large:最大
也可取具體長度單位值
font-size:12px; 設置對象具體字體大小為12px
font-size:xx-small; 設置文字大小為最小
font-size:small; 設置文字字體大小為小
font-size:x-large;設置對象字體大小為較大
font-size:larger;設置對象字體大小為大
font-size:smaller;相對於父容器中字體尺寸進行相對減小
font-size:50%;相對於父容器中字體尺寸進行相應調整為50%大小
font-size:150%;相對於父容器中字體尺寸進行相應調整為150%大小
使用效果
< !DOCTYPE html > < html > <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>font-size字體大小測試-DIVCSS5實驗</title> <style type="text/css"> body{ font-size:12px; line-height:24px;} .exp1{font-size:12px;} .exp2{font-size:xx-small;} .exp3{font-size:small;} .exp4{font-size:x-large;} .exp5{font-size:larger;} .exp6{font-size:smaller;} .exp7{font-size:50%;} .exp8{font-size:150%;} </style> <!-- www.divcss5.com --> </head> <body> <div class="exp1">我被font-size值為12px大小</div> <div class="exp2">我被font-size值為xx-small大小</div> <div class="exp3">我被font-size值為small大小</div> <div class="exp4">我被font-size值為x-large大小</div> <div class="exp5">我被font-size值為larger大小</div> <div class="exp6">我被font-size值為smaller大小</div> <div class="exp7">我被font-size值為50%大小</div> <div class="exp8">我被font-size值為150%大小</div> </body> </html>