css控制字間距和字母間距

來源:互聯網
上載者:User

面要學習的CSS屬性可以使你做到HTML標籤 做不到的事情:控制字間距及字母間距。

字間距

利用字間距屬性,你可以在字之間加入更 多的距離:

    H3 { word-spacing: 1em }

你所使用的參數值將加入任何瀏覽器的缺 省設定,你可以使用我們昨天談到的任何 一種長度單位:

  • in (英寸)
  • cm (厘米)
  • mm (毫米)
  • pt (點數)
  • pc (打字機字間距)
  • em (ems)
  • ex (x-height)
  • px (象素)

以下為顯示結果:

    Behold the power of cheese.

如果你的瀏覽器不支援這種CSS屬性,請 點擊這裡查看顯示效果。

如果你看不到任何不同之處,則說明你的 瀏覽器不支援這種屬性,只有MAC機用的IE 4能支援這種字間距設定。

字母間距

字母間距可以在IE 4中應用,但 Communicator不行,唉...

    H3 { letter-spacing: 10px }

字母間距的功能和字間距的很類似:其參 數值將被加入到瀏覽器的預設設定中,你 可以使用上述任何一種長度單位。

如果你用的是IE 4,這裡是一個例子:

    Behold the power of cheese.

對於這兩種屬性,你都可以使用normal參 數。從而使其按照瀏覽器的原有預設設定 顯示。

別沮喪,還有很多CSS屬性可以在兩種瀏 覽器上都可使用。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.