3.2 字間距及字母間距

2018-11-06 18:10 更新


3.2 字間距及字母間距


下面要學(xué)習(xí)的屬性可以使你做到HTML標(biāo)簽做不到的事情:控制字間距及字母間距。


字間距


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

    H3 { word-spacing: 1em }



你所使用的參數(shù)值將加入任何瀏覽器的缺設(shè)置,你可以使用我們昨天談到的任何種長度單位:

  • in (英寸)

  • cm (厘米)

  • mm (毫米)

  • pt (點數(shù))

  • pc (打字機字間距)

  • em (ems)

  • ex (x-height)

  • px (象素)


以下為顯示結(jié)果:

    Behold the power of cheese.


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


如果你看不到任何不同之處,則說明你的覽器不支持這種屬性,只有MAC機用的IE4能支持這種字間距設(shè)置。


字母間距


字母間距可以在IE 4中應(yīng)用,但Communicator不行,唉...

    H3 { letter-spacing: 10px }



字母間距的功能和字間距的很類似:其參值將被加入到瀏覽器的缺省設(shè)置中,你以使用上述任何一種長度單位。


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

    Behold the power of cheese.


對于這兩種屬性,你都可以使用normal參數(shù)。從而使其按照瀏覽器的原有缺省設(shè)置顯示。


別沮喪,還有很多CSS屬性可以在兩種瀏覽器上都可使用。下文中就是一個例子。


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號