文字設定可設定文字的顏色、大小、字型、粗細等
<HTML>
<HEAD>
<STYLE>
SPAN {position:relative;font-size:50px;font-family:Arial;font-weight:700}
SPAN.c1 {color:red}
SPAN.c2 {color:blue}
SPAN.c3 {color:green}
SPAN.c4 {color:pink}
SPAN.c5 {color:gold}
</STYLE>
</HEAD>
<BODY>
<SPAN CLASS=c1>S</SPAN>
<SPAN CLASS=c2>C</SPAN>
<SPAN CLASS=c3>J</SPAN>
<SPAN CLASS=c4>H</SPAN>
<SPAN CLASS=c5>!!!</SPAN>
</BODY>
</HTML>
功能 :設定文字顏色
語法 : { COLOR : ( color ) }
( color ) 可為顏色名稱 ( 16種 ) 或16進制表示法 - #RRGGBB ( 00暗~FF亮 ) 、#RGB ( 0暗~F亮 ) 表紅綠藍強度
顏色名稱 :
| RED | ● | MAROON | ● | YELLOW | ● | OLIVE | ● |
| GREEN | ● | LIME | ● | BLUE | ● | TEAL | ● |
| PURPLE | ● | FUCHSIA | ● | NAVY | ● | AQUA | ● |
| BLACK | ● | SILVER | ● | GRAY | ● | WHITE | ● |
範例 :
P {COLOR:RED}
P {COLOR:#FF0000}
P {COLOR:#F00}
功能 :設定字體樣式、大小寫變化、粗細、大小、文字行列高度、字型
語法 :
{ FONT : ( font-style )︱( font-variant )︱( font-weight )︱( font-size )︱(
font-family )︱/ ( line-height ) }
範例 : H1 {FONT:ITALIC BOLD 細明體 12pt/18pt}
功能 :下載字型
語法 : @FONT-FACE { FONT-FAMILY : ( font-family ) ; SRC : URL ( url ) }
FONT-FAMILY
功能 :‧設定字型組 ( 字型名稱若為兩個英文單字以上需加引號 " " ) - 常用字型組 ( Arial、Arial Black、Comic Sans MS、Times New Roman )
語法 : { FONT-FAMILY : ( font-name )︱( generic-family ) }
範例 :
{FONT-FAMILY:Arial,Bedrock}
{FONT-FAMILY:"Arial Black"}
功能 :設定字體大小 ( 可設單位屬性 : 點pt、英寸in、公分cm、像素px、百分比% )
語法 : { FONT-SIZE : LARGE︱MEDIUM︱SMALLER︱( length )︱( percentage ) }
範例 :
{FONT-SIZE:LARGE}
{FONT-SIZE:10pt}
{FONT-SIZE:50%}
功能 :設定字體樣式 ( 分為 : 正常、斜體 )
語法 : { FONT-STYLE : NORMAL︱ITALIC }
範例 : {FONT-STYLE:ITALIC}
功能 :設定字體變化 ( 分為 : 正常、小字體 )
語法 : { FONT-VARIANT : NORMAL︱SMALL-CAPS }
範例 : {FONT-VARIANT:SMALL-CAPS}
功能 :設定字體粗細 ( 分為 : 正常、粗字體 )
語法 : { FONT-WEIGHT : NORMAL︱BOLD }
範例 : {FONT-WEIGHT:BOLD}