Firefox3.5 升級注意的幾個問題
更新日期:2023-09-23 21:23:29
來源:轉載
手機掃碼繼續觀看
Firefox 3.5對于CSS 3選擇器的支持
Firefox 3.5在6月的最后一天正式發布了。正如我在幾個月之前用過的Beta版本一樣,FF3.5全面支持CSS3選擇器。點這里查看CSS3瀏覽器支持表。這個更新實在太偉大了,讓我們不禁歡欣鼓舞,只有一點例外:這個消息意味著我之前在寫的谷歌Chrome的hack同樣將影響FF3.5。
我將CSS3瀏覽器支持表同步更新到FF3.5。放眼望去,FF3.5那一列被美麗的綠色背景填滿,因為它全面支持CSS2.1和CSS3。
Firefox3.5的CSS和HTML特性
1、@font-face
@font-face聲明(與其說屬性,它看起來更像是下載)允許你去定義一個字體,并且下載該字體,之后在整個站點頁面范圍內,你可以將其插入其他的font-family屬性中去引用這個字體。
@font-face { font-family: <a-remote-font-name>; src: <source> [,<source>]*; [font-weight: <weight>]; [font-style: <style>];}
2、媒體類型
Firefox 3.5支持更多特定的媒體設備狀況,例如提供CSS基于顏色索引,屏幕長寬比,屏幕的高度或是寬度,軸向,分辨率等等。在iphone CSS中,我們已經對其中的一些有了初步的了解。換句話說,這些在FF上很酷的新鮮特性,都是Webkit中玩剩下的了。此外,FF3.5支持媒體類型聲明使用邏輯運算符,針對那些不支持此特性的上一代瀏覽器的hack相信不久也會被發明出來。
media screen and (min-width: 600px) and (max-width: 800px) // low resolution laptop?<link rel="stylesheet" media="print and (min-width: 11in)"... // landscape printing
3、支持HTML 5特性
Firefox 3.5支持HTML 5的音頻和視頻元素,離線資源,HTMl 5的拖拽API支持站內和站站之間的拖拽。另,Firefox 3.5改進了對于canvas的支持。
Firefox 3.5 CSS 2.1和CSS 3新特性以及失敗之處
Firefox 3.5做出了一些改進,但在對CSS的支持上仍然有上升的空間。除了官網中提到的以上幾點之外,以下幾點也有相應改進:
4、:before和:after更新至CSS2.1規范
:before和:after這兩個偽元素在position,float,list-style-*以及其他一些顯示屬性上尚且不能得到完整的CSS 2.1支持。見CSS屬性值大全。在這一點上我依然觀察到一些問題,但我的CSS在測試中沒有完全驗證我的想法……所以,以觀后效吧。
5、opacity,text-shadow和word-wrap
雖然這些CSS3(對于text-shadow來說,它也屬于CSS2.0范疇)屬性在Firefox早期的版本中某些方面表現的很不錯,但現在你不用在這三個屬性前添加-moz擴展了。
6、CSS3屬性中的-moz-擴展
-moz-box-shadow, -moz-border-image, -moz-column-rule, -moz-column-rule-width, -moz-column-rule-style,以及 -moz-column-rule-color目前在FF3.5全部支持。
我還沒有做更多的測試,即便如此我還是把已知的寫在這里。一旦有機會,我將會更新此頁和CSS屬性值大全的頁面。
Firefox 3.5在6月的最后一天正式發布了。正如我在幾個月之前用過的Beta版本一樣,FF3.5全面支持CSS3選擇器。點這里查看CSS3瀏覽器支持表。這個更新實在太偉大了,讓我們不禁歡欣鼓舞,只有一點例外:這個消息意味著我之前在寫的谷歌Chrome的hack同樣將影響FF3.5。
我將CSS3瀏覽器支持表同步更新到FF3.5。放眼望去,FF3.5那一列被美麗的綠色背景填滿,因為它全面支持CSS2.1和CSS3。
Firefox3.5的CSS和HTML特性
1、@font-face
@font-face聲明(與其說屬性,它看起來更像是下載)允許你去定義一個字體,并且下載該字體,之后在整個站點頁面范圍內,你可以將其插入其他的font-family屬性中去引用這個字體。
@font-face { font-family: <a-remote-font-name>; src: <source> [,<source>]*; [font-weight: <weight>]; [font-style: <style>];}
2、媒體類型
Firefox 3.5支持更多特定的媒體設備狀況,例如提供CSS基于顏色索引,屏幕長寬比,屏幕的高度或是寬度,軸向,分辨率等等。在iphone CSS中,我們已經對其中的一些有了初步的了解。換句話說,這些在FF上很酷的新鮮特性,都是Webkit中玩剩下的了。此外,FF3.5支持媒體類型聲明使用邏輯運算符,針對那些不支持此特性的上一代瀏覽器的hack相信不久也會被發明出來。
media screen and (min-width: 600px) and (max-width: 800px) // low resolution laptop?<link rel="stylesheet" media="print and (min-width: 11in)"... // landscape printing
3、支持HTML 5特性
Firefox 3.5支持HTML 5的音頻和視頻元素,離線資源,HTMl 5的拖拽API支持站內和站站之間的拖拽。另,Firefox 3.5改進了對于canvas的支持。
Firefox 3.5 CSS 2.1和CSS 3新特性以及失敗之處
Firefox 3.5做出了一些改進,但在對CSS的支持上仍然有上升的空間。除了官網中提到的以上幾點之外,以下幾點也有相應改進:
4、:before和:after更新至CSS2.1規范
:before和:after這兩個偽元素在position,float,list-style-*以及其他一些顯示屬性上尚且不能得到完整的CSS 2.1支持。見CSS屬性值大全。在這一點上我依然觀察到一些問題,但我的CSS在測試中沒有完全驗證我的想法……所以,以觀后效吧。
5、opacity,text-shadow和word-wrap
雖然這些CSS3(對于text-shadow來說,它也屬于CSS2.0范疇)屬性在Firefox早期的版本中某些方面表現的很不錯,但現在你不用在這三個屬性前添加-moz擴展了。
6、CSS3屬性中的-moz-擴展
-moz-box-shadow, -moz-border-image, -moz-column-rule, -moz-column-rule-width, -moz-column-rule-style,以及 -moz-column-rule-color目前在FF3.5全部支持。
我還沒有做更多的測試,即便如此我還是把已知的寫在這里。一旦有機會,我將會更新此頁和CSS屬性值大全的頁面。
該文章是否有幫助到您?
常見問題
- monterey12.1正式版無法檢測更新詳情0次
- zui13更新計劃詳細介紹0次
- 優麒麟u盤安裝詳細教程0次
- 優麒麟和銀河麒麟區別詳細介紹0次
- monterey屏幕鏡像使用教程0次
- monterey關閉sip教程0次
- 優麒麟操作系統詳細評測0次
- monterey支持多設備互動嗎詳情0次
- 優麒麟中文設置教程0次
- monterey和bigsur區別詳細介紹0次
系統下載排行
周
月
其他人正在下載
更多
安卓下載
更多
手機上觀看
掃碼手機上觀看
下一個:
U盤重裝視頻