Firefox 3.5對于CSS 3選擇器的支持 Firefox 3.5在6月的最后一天正式發(fā)布了。正如我在幾個月之前用過的Beta版本一樣,F(xiàn)F3.5全面支持CSS3選擇器。點(diǎn)這里查看CSS3瀏覽器支持表。這個更新實在太偉大了,讓我們不禁歡欣鼓舞,只有一點(diǎn)例外:這個消息意味著我之前在寫的谷歌Chrome的hack同樣將影響FF3.5。 我將CSS3瀏覽器支持表同步更新到FF3.5。放眼望去,F(xiàn)F3.5那一列被美麗的綠色背景填滿,因為它全面支持CSS2.1和CSS3。 Firefox 3.5的CSS和HTML特性 1、@font-face @font-face聲明(與其說屬性,它看起來更像是下載)允許你去定義一個字體,并且下載該字體,之后在整個站點(diǎn)頁面范圍內(nèi),你可以將其插入其他的font-family屬性中去引用這個字體。 @font-face { font-family: <a-remote-font-name>; src: <source> [,<source>]*; [font-weight: <weight>]; [font-style: <style>];}2、媒體類型Firefox 3.5支持更多特定的媒體設(shè)備狀況,例如提供CSS基于顏色索引,屏幕長寬比,屏幕的高度或是寬度,軸向,分辨率等等。在iphone CSS中,我們已經(jīng)對其中的一些有了初步的了解。換句話說,這些在FF上很酷的新鮮特性,都是Webkit中玩剩下的了。此外,F(xiàn)F3.5支持媒體類型聲明使用邏輯運(yùn)算符,針對那些不支持此特性的上一代瀏覽器的hack相信不久也會被發(fā)明出來。 media screen and (min-width: 600px) and (max-width: 800px) // low resolution laptop?<link rel="stylesheet" media="print and (min-width: 11in)"... // landscape printing3、支持HTML 5特性Firefox 3.5支持HTML 5的音頻和視頻元素,離線資源,HTMl 5的拖拽API支持站內(nèi)和站站之間的拖拽。另,F(xiàn)irefox 3.5改進(jìn)了對于canvas的支持。 Firefox 3.5 CSS 2.1和CSS 3新特性以及失敗之處 Firefox 3.5做出了一些改進(jìn),但在對CSS的支持上仍然有上升的空間。除了官網(wǎng)中提到的以上幾點(diǎn)之外,以下幾點(diǎn)也有相應(yīng)改進(jìn): 4、:before和:after更新至CSS2.1規(guī)范:before和:after這兩個偽元素在position,float,list-style-*以及其他一些顯示屬性上尚且不能得到完整的CSS 2.1支持。見CSS屬性值大全。在這一點(diǎn)上我依然觀察到一些問題,但我的CSS在測試中沒有完全驗證我的想法……所以,以觀后效吧。 5、opacity,text-shadow和word-wrap雖然這些CSS3(對于text-shadow來說,它也屬于CSS2.0范疇)屬性在Firefox早期的版本中某些方面表現(xiàn)的很不錯,但現(xiàn)在你不用在這三個屬性前添加-moz擴(kuò)展了。 6、CSS3屬性中的-moz-擴(kuò)展-moz-box-shadow, -moz-border-image, -moz-column-rule, -moz-column-rule-width, -moz-column-rule-style,以及 -moz-column-rule-color目前在FF3.5全部支持。 我還沒有做更多的測試,即便如此我還是把已知的寫在這里。一旦有機(jī)會,我將會更新此頁和CSS屬性值大全的頁面。