<strike id="3tkic"><sup id="3tkic"></sup></strike>

  1. <ul id="3tkic"></ul>
      <b id="3tkic"><legend id="3tkic"></legend></b>
      <b id="3tkic"><meter id="3tkic"></meter></b>

    • <strike id="3tkic"></strike>

      <blockquote id="3tkic"></blockquote>

    • 亚洲AV无码国产在丝袜线观看_亚洲第一页A∨在线_亚洲国产人成在线观看69网站_无码日韩人妻AV一区免费l

      CSS3字體效果的設(shè)置方法

      2016/8/4 9:04:08   閱讀:1446    發(fā)布者:1446

      1. 文本陰影 text-shadow
      其實(shí)與陰影一樣
      text-shadow: X軸偏移量 Y軸偏移量 模糊半徑 陰影顏色
      注意: 1.color可以使用rgba色. 2.沒有inset值

      CSS Code
      1. <style type="text/css">   
      2. .demo {   
      3.     width340px;   
      4.     padding30px;   
      5.     fontbold 55px/100% "微軟雅黑";   
      6.     color#566F89;   
      7.     background#000;   
      8.     text-shadow2px 2px 0 #E4F1FF;   
      9. }   
      10. </style>   
      11.   
      12. <div class="demo">IMOOC</div>  

      2. 溢出文本 text-overflow, 用(...)省略標(biāo)記.

      CSS Code
      1. text-overflow:clip;        /*表示剪切*/  
      2. text-overflow:ellipsis; /*表示顯示省略標(biāo)記*/  
      3. <style type="text/css">   
      4. .test_demo{   
      5.     text-overflow:ellipsis;   
      6.     overflow:hidden;   
      7.     whitewhite-space:nowrap;       /*強(qiáng)制文本在一行內(nèi)顯示*/  
      8.     width:200px;   
      9.     background:#ccc;   
      10. }   
      11. </style>   
      12.   
      13. <div class="test_demo">   
      14.   超酷的IT技術(shù)學(xué)習(xí)平臺(tái)(我是省略號(hào))   
      15. </div>  

      3. 嵌入字體 @font-face
      這個(gè)重點(diǎn)講一下。
      @font-face是CSS3中的一個(gè)模塊,他主要是把自己定義的Web字體嵌入到你的網(wǎng)頁(yè)中,隨著@font-face模塊的出現(xiàn),我們?cè)赪eb的開發(fā)中使用字體不怕只能使用Web安全字體,你們當(dāng)中或許有許多人會(huì)不自然的問(wèn),這樣的東西IE能支持嗎?當(dāng)我告訴大家@font-face這個(gè)功能早在IE4就支持了你肯定會(huì)感到驚訝。我的Blog就使用了許多這樣的自定義Web字體,比如說(shuō)首頁(yè)的Logo,Tags以及頁(yè)面中的手寫英文體,很多朋友問(wèn)我如何使用,能讓自己的頁(yè)面也支持這樣的自定義字體,一句話這些都是@font-face實(shí)現(xiàn)的,為了能讓更多的朋友知道如何使用他,今天我主要把自己的一點(diǎn)學(xué)習(xí)過(guò)程貼上來(lái)和大家分享。
      首先我們一起來(lái)看看@font-face的語(yǔ)法規(guī)則:

      CSS Code
      1. @font-face {   
      2.    font-family: <YourWebFontName>;   
      3.    src: <source> [<format>][,<source> [<format>]]*;   
      4.    [font-weight: <weight>];   
      5.    [font-style: <style>];   
      6.  }  

      取值說(shuō)明
      1、YourWebFontName:此值指的就是你自定義的字體名稱,最好是使用你下載的默認(rèn)字體,他將被引用到你的Web元素中的font-family。如"font-family:"YourWebFontName";"
      2、source:此值指的是你自定義的字體的存放路徑,可以是相對(duì)路徑也可以是絕路徑;
      3、format:此值指的是你自定義的字體的格式,主要用來(lái)幫助瀏覽器識(shí)別,其值主要有以下幾種類型:truetype,opentype,truetype-aat,embedded-opentype,avg等;
      4、weight和style:這兩個(gè)值大家一定很熟悉,weight定義字體是否為粗體,style主要定義字體樣式,如斜體。
      eg:

      CSS Code
      1. <style type="text/css">   
      2. @font-face {   
      3.     font-family"MOOC Font";   
      4.     srcurl("http://www.927caipiao.cn/");   
      5. }   
      6. .demo {   
      7.     width340px;   
      8.     padding30px;   
      9.     color#566F89;   
      10.     background#000;   
      11.     font-size:58px;   
      12.     font-family"monaco";   
      13. }   
      14. </style>   
      15.   
      16. <div class="demo">IMOOC</div>  
      亚洲AV无码国产在丝袜线观看_亚洲第一页A∨在线_亚洲国产人成在线观看69网站_无码日韩人妻AV一区免费l
      <strike id="3tkic"><sup id="3tkic"></sup></strike>

      1. <ul id="3tkic"></ul>
          <b id="3tkic"><legend id="3tkic"></legend></b>
          <b id="3tkic"><meter id="3tkic"></meter></b>

        • <strike id="3tkic"></strike>

          <blockquote id="3tkic"></blockquote>

        • 荔波县| 普陀区| 重庆市| 攀枝花市| 平阳县| 封丘县| 芒康县| 左权县| 蚌埠市| 靖远县| 恩施市| 昌平区| 邛崃市| 柘城县| 治多县| 呼伦贝尔市| 普格县| 肥乡县| 澄城县| 遂川县| 高清| 宾阳县| 彩票| 承德县| 四平市| 巴青县| 福州市| 连城县| 南漳县| 潼关县| 静安区| 英吉沙县| 渑池县| 庆安县| 吐鲁番市| 永清县| 双牌县| 泸西县| 天峻县| 巧家县| 中江县|