-webkit-marquee
另一個(gè)屬性讓我們回到美好的從前：那個(gè)遍地marquee(跑馬燈)的年代。有趣的是這個(gè)已經(jīng)被遺棄的標(biāo)簽反而在現(xiàn)在變的很有用，比如我們?cè)诒容^小的手機(jī)屏幕上切換內(nèi)容，如果不斷行的話文字將不能完全顯示。
ozPDA創(chuàng)建的這個(gè)天氣的應(yīng)用很好的使用了它。 (如果你木有看到變換的文字，可以嘗試換一個(gè)城市來(lái)體驗(yàn)。需要使用WebKit內(nèi)核瀏覽器)
示例
.marquee {
white-space: nowrap;
overflow:-webkit-marquee;
width: 70px;
-webkit-marquee-direction: forwards;
-webkit-marquee-speed: slow;
-webkit-marquee-style: alternate;
}
要讓marquee工作需要一些前提條件。首先，white-space必須設(shè)置為nowrap，這樣才能讓文字不自動(dòng)換行，其次，overflow必須設(shè)置為-webkit-marquee，寬度也要設(shè)置為比文字實(shí)際長(zhǎng)度小的數(shù)值。
剩下的屬性確保文字從左邊滾動(dòng)到右邊(-webkit-marquee-direction)、來(lái)回移動(dòng)(-webkit-marquee-style)以及以比較低的速度移動(dòng)(-webkit-marquee-speed)。其它的屬性有-webkit-marquee-repetition，用來(lái)定義marquee重復(fù)的次數(shù)，-webkit-marquee-increment, 定義每次遞增的速度變化。
注：雖然HTML的marquee標(biāo)簽在XHTML中被拋棄了，但是各瀏覽器還是支持的，但是有一個(gè)問(wèn)題就是，marquee標(biāo)簽可能會(huì)占用比較大的cpu，大貓對(duì)其進(jìn)行了深入的研究，結(jié)論是marquee的速度不能太快，而webkit用-webkit-marquee屬性是最好的——神飛。
擴(kuò)展閱讀: Safari Developer Library
Gecko特有屬性
font-size-adjust
這個(gè)有用的CSS3屬性目前只有Firefox支持。我們可以用它來(lái)設(shè)定指定元素的文字大小(font-size)應(yīng)該相對(duì)于小寫(xiě)字母的高度(x-height)而不是大寫(xiě)字母的高度(cap height)。比如，Verdana比同型號(hào)的Times字體更清晰，它有著更矮的x-height。為了彌補(bǔ)這個(gè)缺陷，我們可以用font-size-adjust屬性來(lái)糾正后者。
該屬性在擁有不同的x-height的字體上非常有用。即便你在小心的使用小號(hào)字體，在問(wèn)題出現(xiàn)時(shí)font-size-adjust也能提供解決方案。
示例
如果由于某種原因用戶的電腦上沒(méi)有安裝Verdana，那么Arial就會(huì)被修正，從而和Verdana有相同的長(zhǎng)寬比(0.58)。
p {
font-family:Verdana, Arial, sans-serif;
font-size: 12px;
font-size-adjust: 0.58;
}
瀏覽器支持: Gecko.
擴(kuò)展閱讀: Mozilla Developer Network
image-rendering
n年前，圖片并不會(huì)被按照其原始大小顯示，而是被設(shè)計(jì)師給縮放掉。取決于縮放的大小和上下文，圖片可能會(huì)在瀏覽器中展現(xiàn)的不太好或者干脆就是錯(cuò)掉了的�，F(xiàn)在，瀏覽器有了更好的算法來(lái)顯示縮放的圖片，不過(guò)，在你的圖片被縮放后完全的控制其表現(xiàn)也是件很贊的事情。
如果你的圖片有比較銳的線條并希望他們?cè)诳s放后保持它，這個(gè)Gecko私有屬性就顯得特別有用。相關(guān)的值是-moz-crisp-edges。同樣的算法也用在optimizeSpeed，而auto 和optimizeQuality 定義為標(biāo)準(zhǔn)行為(用可行的最佳質(zhì)量來(lái)縮放元素)。 image-rendering 屬性同樣可以用于<video> 和<canvas>元素，和用于背景圖片一樣。這是個(gè)CSS3 標(biāo)準(zhǔn)屬性，但是目前只有Firefox支持。
值得注意的是，-ms-interpolation-mode: bicubic，盡管它是個(gè)IE專有屬性。然而，它讓Internet Explorer 7 在縮放圖片后將其渲染為比較高的質(zhì)量。由于這個(gè)瀏覽器默認(rèn)處理的很爛，所以這個(gè)屬性可能會(huì)很有用。
瀏覽器支持: Gecko.
擴(kuò)展閱讀: Mozilla Developer Network
出處：前端觀察
責(zé)任編輯：bluehearts
上一頁(yè) CSS的未來(lái):一些試驗(yàn)性CSS屬性 [3] 下一頁(yè) CSS的未來(lái):一些試驗(yàn)性CSS屬性 [5]
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁(yè) 
第 4 頁(yè) CSS的未來(lái):一些試驗(yàn)性CSS屬性 [4]
