<address id="xpjh9"><listing id="xpjh9"><meter id="xpjh9"></meter></listing></address>

<address id="xpjh9"><address id="xpjh9"><listing id="xpjh9"></listing></address></address>
<noframes id="xpjh9">
<noframes id="xpjh9">

<address id="xpjh9"><address id="xpjh9"><listing id="xpjh9"></listing></address></address>
    <form id="xpjh9"></form><address id="xpjh9"><listing id="xpjh9"><menuitem id="xpjh9"></menuitem></listing></address>

      <noframes id="xpjh9">
      VB.net 2010 視頻教程 VB.net 2010 視頻教程 VB.net 2010 視頻教程
      SQL Server 2008 視頻教程 c#入門經典教程 Visual Basic從門到精通視頻教程
      當前位置:
      首頁 > 網站開發 > 網頁設計 >
      • css教程之CSS初級入門:文字的屬性

      • 2015-01-17 17:40 來源:未知
      CSS初級入門:文字的屬性(相關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>

      <SPAN CLASS=test>A B C D</SPAN>
      <SPAN CLASS=test1>E F G H</SPAN>
      <SPAN CLASS=test2>I J K L</SPAN>
      顯示結果 A B C D
      E F G H
      I J K L
       
       
        文字樣式 { FONT-STYLE }
        設定字體樣式 ( 分為 : 正常、斜體 )
        語法:{ FONT-STYLE : NORMAL︱ITALIC }
      原始代碼 <STYLE>
      SPAN.test1 {FONT-STYLE:ITALIC}
      </STYLE>

      <SPAN CLASS=test>A B C D</SPAN>
      顯示結果 A B C D
       
       
        文字變化 { FONT-VARIANT }
        設定字體變化 ( 分為 : 正常、小字體 )
        語法:{ FONT-VARIANT : NORMAL︱SMALL-CAPS }
      原始代碼 <STYLE>
      SPAN.test1 {FONT-VARIANT:SMALL-CAPS}
      </STYLE>

      <SPAN CLASS=test>A B C D</SPAN>
      顯示結果 A B C D
       
       
        文字粗細 { FONT-WEIGHT }
        設定字體粗細 ( 分為 : 正常、粗字體 )
        語法:{ FONT-WEIGHT : NORMAL︱BOLD }
      原始代碼 <STYLE>
      SPAN.test1 {FONT-WEIGHT:BOLD}
      </STYLE>

      <SPAN CLASS=test>A B C D</SPAN>
      顯示結果 A B C D
       
      相關教程
      江苏快3 海南 | 惠州 | 五指山 | 公主岭 | 海西 | 梅州 | 咸宁 | 大兴安岭 | 台湾台湾 | 神木 | 铁岭 | 河南郑州 | 牡丹江 | 乌海 | 防城港 | 诸暨 | 库尔勒 | 日土 | 鄂州 | 诸城 | 赣州 | 临沂 | 厦门 | 徐州 | 天水 | 寿光 | 鄂尔多斯 | 海南海口 | 仁怀 | 三河 | 项城 | 定安 | 襄阳 | 伊犁 | 汕尾 | 扬中 | 青州 | 馆陶 | 周口 | 巴彦淖尔市 | 黄冈 | 台南 | 德清 | 莆田 | 西藏拉萨 | 浙江杭州 | 广西南宁 | 正定 | 巴彦淖尔市 | 永州 | 沧州 | 阿里 | 晋中 | 日土 | 百色 | 阿勒泰 | 广元 | 抚州 | 蚌埠 | 梅州 | 黄山 | 扬中 | 酒泉 | 黔西南 | 阜新 | 济南 | 池州 | 葫芦岛 | 邵阳 | 阿勒泰 | 佳木斯 | 营口 | 南平 | 驻马店 | 四平 | 济源 | 朔州 | 黄南 | 神木 | 宁波 | 神木 | 汉中 | 商丘 | 莱芜 | 济南 | 黔东南 | 榆林 | 荣成 | 林芝 | 驻马店 | 大兴安岭 | 开封 | 海东 | 巴音郭楞 | 鄂尔多斯 | 江苏苏州 | 辽源 | 黄冈 | 中山 | 来宾 | 湘潭 | 博尔塔拉 | 乌兰察布 | 和县 | 海门 | 嘉峪关 | 漳州 | 兴安盟 | 晋中 | 鞍山 | 开封 | 忻州 | 高密 |