常用基本設定(CSS):
.a {
font-size:12px;
font-weight:bold;
color:#666;
line-height:20px;
letter-spacing:5px;
font-style:italic;
font-family:"Adobe 繁黑體 Std B", "Adobe 黑体 Std R", "Adobe 明體 Std L";
}
對照表:
font-size 字級
font-weight:bold; 粗體
color 字體顏色
line-height 行高
letter-spacing 字距
font-style:italic; 斜體
font-family 字形
直接指定用法(HTML):
<font face="Adobe 繁黑體 Std B" size="2" color="red">文字顏色與法</font>
對照表:
face:字型
size:字體大小
color:字體顏色
-------------------------------------------------------------------------------------------------------------
特殊用法-文字陰影 (CSS) :
※googlechrome支援,IE不支援,其它瀏覽器尚待測試。
第一種用法
.a { text-shadow:1px 2px 3px #000; }
※ #000 為任意色碼,可指定陰影顏色。
※數字可以為任意數字,指定該向像數大小 。
※照123順訊分別指定為:陰影距離文字左方多少px;陰影距離文字最上方多少px;陰影暈開的程度。
第二種用法
.a { text-shadow:1px 2px 3px rgba(0,0,0,0.3); }
※與第一款不同處在顏色指定方式
※三個0 分別為R,G,B,
※ 0.3為任意數字,是透明度設定
-------------------------------------------------------------------------------------------------------------
網頁語言顯示設定:
lang="zh_tw"
zh_tw 繁體中文
zh_cn 簡體中文
zh_hk 香港
zh_en 英文
zh_ja 日文
更多詳細文字設定 參考網址:
http://www.cis.nctu.edu.tw/~is91056/css_1.htm
.a {
font-size:12px;
font-weight:bold;
color:#666;
line-height:20px;
letter-spacing:5px;
font-style:italic;
font-family:"Adobe 繁黑體 Std B", "Adobe 黑体 Std R", "Adobe 明體 Std L";
}
對照表:
font-size 字級
font-weight:bold; 粗體
color 字體顏色
line-height 行高
letter-spacing 字距
font-style:italic; 斜體
font-family 字形
直接指定用法(HTML):
<font face="Adobe 繁黑體 Std B" size="2" color="red">文字顏色與法</font>
對照表:
face:字型
size:字體大小
color:字體顏色
-------------------------------------------------------------------------------------------------------------
特殊用法-文字陰影 (CSS) :
※googlechrome支援,IE不支援,其它瀏覽器尚待測試。
第一種用法
.a { text-shadow:1px 2px 3px #000; }
※ #000 為任意色碼,可指定陰影顏色。
※數字可以為任意數字,指定該向像數大小 。
※照123順訊分別指定為:陰影距離文字左方多少px;陰影距離文字最上方多少px;陰影暈開的程度。
第二種用法
.a { text-shadow:1px 2px 3px rgba(0,0,0,0.3); }
※與第一款不同處在顏色指定方式
※三個0 分別為R,G,B,
※ 0.3為任意數字,是透明度設定
-------------------------------------------------------------------------------------------------------------
網頁語言顯示設定:
lang="zh_tw"
zh_tw 繁體中文
zh_cn 簡體中文
zh_hk 香港
zh_en 英文
zh_ja 日文
更多詳細文字設定 參考網址:
http://www.cis.nctu.edu.tw/~is91056/css_1.htm
全站熱搜