CSS初級入門：文字的屬性

　　文字屬性
　　文字屬性是可以設定文字的顏色、大小、字型、粗細等等。
原始代碼
<STYLE>
SPAN.c1 {color:red;position:relative;font-size:12px;font-family:Arial;font-weight:700}
SPAN.c2 {color:blue}
SPAN.c3 {color:green}
SPAN.c4 {color:pink}
</STYLE>
<SPAN CLASS=c1>A</SPAN>
<SPAN CLASS=c2>B</SPAN>
<SPAN CLASS=c3>C</SPAN>
<SPAN CLASS=c4>D</SPAN>
顯示結果
A
B
C
D
　　文字顏色 { COLOR }
　　文法：{ COLOR : ( color ) }
原始代碼
<STYLE>
SPAN.test {color:red}
</STYLE>
<SPAN CLASS=test>A B C D</SPAN>
顯示結果
A B C D
　　文字類別 { FONT }
　　設定字型樣式、大小寫變化、粗細、大小、文字行列高度、字型
　　文法：{ FONT : ( font-style )?( font-variant )?( font-weight )?( font-size )?( font-family )?/ ( line-height ) }
原始代碼
<STYLE>
SPAN.test {FONT:ITALIC BOLD 12pt/18pt}
</STYLE>
<SPAN CLASS=test>A B C D</SPAN>
顯示結果
A B C D
　　下載字型 { @FONT-FACE }
　　文法：@FONT-FACE { FONT-FAMILY : ( font-family ) ; SRC : URL ( url ) }
原始代碼
<STYLE>
@FONT-FACE { FONT-FAMILY : (未定) ; SRC : URL ( 下載地址 ) }
</STYLE>
顯示結果
沒有結果
　　文字字型 { FONT-FAMILY }
　　文法：{ FONT-FAMILY : ( font-name )?( generic-family ) }
原始代碼
<STYLE>
SPAN.test {FONT-FAMILY:"Arial Black"}
</STYLE>
<SPAN CLASS=test>A B C D</SPAN>
顯示結果
A B C D
　　文字大小 { FONT-SIZE }
　　設定字型大小 ( 可設單位屬性 : 點 pt、英寸 in、公分 cm、像素 px、百分比 % )
　　文法：{ FONT-SIZE : LARGE?MEDIUM?SMALLER?( length )?( percentage ) }
原始代碼
<STYLE>
SPAN.test1 {FONT-SIZE:LARGE}
SPAN.test2 {FONT-SIZE:10pt}
SPAN.test3 {FONT-SIZE:50%}
</STYLE>