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

關(guān)鍵詞： Firefox3 5