1語法

font-size版本:CSS1  兼容性:IE4+ NS4+ 繼承性:有
font-size : xx-small | x-small | small | medium | large | x-large | xx-large | larger | smaller | length
取值:
xx-small :  絕對字體尺寸。根據對象字體進行調整。最小
x-small :  絕對字體尺寸。根據對象字體進行調整。較小
small :  絕對字體尺寸。根據對象字體進行調整。小
medium :  默認值。絕對字體尺寸。根據對象字體進行調整。正常
large :  絕對字體尺寸。根據對象字體進行調整。大
x-large :  絕對字體尺寸。根據對象字體進行調整。較大
xx-large :  絕對字體尺寸。根據對象字體進行調整。最大
larger :  相對字體尺寸。相對於父對像中字體尺寸進行相對增大。使用成比例的 em 單位計算
smaller :  相對字體尺寸。相對於父對像中字體尺寸進行相對減小。使用成比例的 em 單位計算
length :  百分數 | 由浮點數字和單位標識符組成的長度值,不可為負值。其百分比取值是基於父對象中字體的尺寸。請參閱 長度單位

2說明

設置或檢索對象中的字體尺寸。
此屬性對於 currentStyle 對象而言是只讀的。對於其他對象而言是可讀寫的。
對應的腳本特性為 fontSize 。
示例:
p { font-style: normal; }
p { font-size: 12px; }
p { font-size: 20%; }

3單位

px: 基於像素的單位。像素是一種有用的單位,因為在任何媒體上都可以保證一個像素的差別確實是可見的。
em : 一般用來測量長度的通用單位(例如元素周轉的頁邊空白和填充),當用於指定字體大小時,em單位是指父元素的字體大小。
比如
<div style="font-size:12px">
<span style="fontsize:2em">這裡的字是24px</span>
</div>
如果使用em來指定填充,填充的寬度是相對於DIV元素的字體大小而定的。
pt: 印刷業上常使用的單位,磅的意思。一般也用於頁面列印排版。
px是像素單位,em是相對單位,pt是絕對單位。它們各自的好處是:px可以在計算機屏幕上,能達到預期的效果,在印表機和其它的高解析度設備上,它又能取得所希望的效果。em的優點很多,比如在一個頁面上,你給定了一個父元素的字體大小,這樣就可以通過調整一個元素來成比例的改變所有元素大小。它可以自由縮放,比如用來製作可伸縮的樣式表。pt是一種固定長度的度量單位,是能夠使用測量設備測得的長度。絕對單位作用有限,因為它們不能夠縮放,通常只用在已經知道是用在哪種輸出媒體的情況下才使用。但大多數情況下最好使用相對單位。一般都是用px和em這兩種種配搭比較好。

4應用

IE5.0+ currentStyleCUSTOMruntimeStyle
IE5.5+ defaults  

5示例

.test p {
margin: 15px 0;
border: 1px solid#000;
}.xx - small p {
font - size: xx - small;
}.x - small p {
font - size: x - small;
}.small p {
font - size: small;
}.medium p {
font - size: medium;
}.large p {
font - size: large;
}.x - large p {
font - size: x - large;
}.xx - large p {
font - size: xx - large;
}.smaller p {
font - size: smaller;
}.larger p {
font - size: larger;
}.float p {
font - size: 20px;
}.percentage {
font - size: 20px;
}.percentage span {
font - size: 60 % ;
}尺寸大小為xx - small:xx - small尺寸的文字。尺寸大小為x - small:x - small尺寸的文字。尺寸大小為small:small尺寸的文字。尺寸大小為medium:medium尺寸的文字。尺寸大小為large:large尺寸的文字。尺寸大小為x - large:x - large尺寸的文字。尺寸大小為xx - large:xx - large尺寸的文字。尺寸大小為samller:samller尺寸的文字。尺寸大小為larger:larger尺寸的文字。尺寸大小為20px:20px尺寸的文字。尺寸大小為20px:父對象20px尺寸的文字。我的尺寸只是父對象的60 %
上一篇[網格線]    下一篇 [scrolldelay]

相關評論

同義詞:暫無同義詞