CSS改進
Windows Internet Explorer 8 是迄今為止 CSS 符合性最高的版本,它完全支持級聯(lián)樣式表 (CSS) 級別 2.1,并加強了對 CSS 3支持。下面是最為突出的幾個亮點: 數(shù)據(jù)統(tǒng)一資源標識符 (URI)(最長32768個字符) 此機制允許網(wǎng)頁作者直接在 URI 中嵌入小型實體,而不是使用 URI 標識檢索實體的位置。此操作主要適用于在 CSS 或布局中使用的小圖像(如項目符號)。
- 新偽類
以下是 Windows Internet Explorer 8 新增的內容: :before 和 :after 偽元素允許作者指定與元素的文檔樹內容有關的動態(tài)內容的位置。 :focus 指的是用戶何時激活元素以使它可以執(zhí)行任務。此偽類適用于元素具有輸入焦點的情況。 Outline 可以突出顯示元素,但不會影響其大小。它是 outline-color、outline-style 和 outline-width 的簡化屬性。
- 打印
為了簡化打印,已添加了下列屬性: page-break-inside widows orphans
- 表格布局
多年來,表格始終是 Internet 上的首選布局機制。在 Windows Internet Explorer 8 中,現(xiàn)在可以使用 display 屬性將表格類型格式應用于非表格元素。實際上,CSS 表格比 HTML 標記更靈活;使用 CSS 規(guī)則創(chuàng)建的表格嵌套元素后即有效,而使用 HTML 創(chuàng)建的表格會關閉容器以避免意外嵌套。
下表收集了 Windows Internet Explorer 8 中支持的各種改進的 CSS 屬性,并與 Windows Internet Explorer 7 進行了比較,內容一目了然。這些表未詳盡列出 Windows Internet Explorer 8 支持的所有 CSS 屬性;只顯示了 Windows Internet Explorer 7 不支持或部分支持,而現(xiàn)在 Windows Internet Explorer 8 支持的 CSS 屬性。
單元格中的“部分”值表示只能在該版本的 Windows Internet Explorer 中部分實現(xiàn)此功能。
偽類
CSS 2.1 |
|
IE 7.0 |
IE 8.0 |
active { sRules } : |
:active |
部分 |
是 |
after { sRules } : |
:after |
否 |
是 |
before { sRules } : |
:before |
否 |
是 |
focus { sRules } : |
:focus |
否 |
是 |
lang(C) { sRules } : |
lang(): |
否 |
是 |
列表
CSS 2.1 |
|
IE 7.0 |
IE 8.0 |
{ list-style-type :sStyle } |
list-style-type |
部分 |
是 |
顏色和背景
CSS 2.1 |
|
IE 7.0 |
IE 8.0 |
{ background-position :sPosition } |
background-position |
部分 |
是 |
字體和文本
CSS 2.1 |
|
IE 7.0 |
IE 8.0 |
{ font-weight :sWeight } |
font-weight |
部分 |
是 |
{ white-space :sWrap } |
white-space |
部分 |
是 |
{ word-spacing :sSpacing } |
word-spacing |
部分 |
是 |
生成的內容
CSS 2.1 |
|
IE 7.0 |
IE 8.0 |
{ content :sContent } |
content |
否 |
是 |
{ counter-increment :sCounter } |
counter-increment |
否 |
是 |
{ counter-reset :sCounter } |
counter-reset |
否 |
是 |
{ quotes :sQuotes } |
quotes |
否 |
是 |
邊框和布局
CSS 2.1 |
|
IE 7.0 |
IE 8.0 |
{ border-collapse :sCollapse } |
border-collapse |
部分 |
是 |
{ border-spacing :sSpacing } |
border-spacing |
否 |
是 |
{ border-style :sStyle } |
border-style |
部分 |
是 |
{ caption-side :sLocation } |
caption-side |
否 |
是 |
{ empty-cells :sEmptyCells } |
empty-cells |
部分 |
是 |
定位
CSS 2.1 |
|
IE 7.0 |
IE 8.0 |
{ bottom :sBottom } |
bottom |
部分 |
是 |
{ display :sDisplay } |
display |
部分 |
是 |
{ left :sPosition } |
left |
部分 |
是 |
{ right :sPosition } |
right |
部分 |
是 |
{ top :sTop } |
top |
部分 |
是 |
{ z-index :vOrder } |
z-index |
部分 |
是 |
打印
CSS 2.1 |
|
IE 7.0 |
IE 8.0 |
{ orphans :nLines } |
orphans |
否 |
是 |
{ page-break-inside :sBreak } |
page-break-inside |
否 |
是 |
{ widows :nLines } |
widows |
否 |
是 |
用戶界面
CSS 2.1 |
|
IE 7.0 |
IE 8.0 |
{ outline :sOutline } |
outline |
否 |
是 |
{ outline-color :sColor } |
outline-color |
否 |
是 |
{ outline-style :sStyle } |
outline-style |
否 |
是 |
{ outline-width :sWidth } |
outline-width |
否 |
是 |
CSS 3 |
|
IE 7.0 |
IE 8.0 |
{ box-sizing :sSizing } |
box-sizing |
否 |
是 |
函數(shù)
CSS 2.1 |
IE 7.0 |
IE 8.0 |
counter() |
否 |
是 |
attr() |
否 |
是 |
關鍵字
CSS 2.1 |
IE 7.0 |
IE 8.0 |
Inherit |
否 |
是 |
文本兼容性模式
Windows Internet Explorer 8 精心構建了一種新的布局引擎,該引擎提供全面的 CSS 2.1 支持和強大的 HTML 5 支持以及文檔對象模型 (DOM) 的互操作性修補程序。默認情況下,將啟用標準支持的最高級別。網(wǎng)站作者可以使用以下 META 標記在 Windows Internet Explorer 8 中選擇 EmulationIE7 模式呈現(xiàn):
<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ />
開發(fā)工具
Windows Internet Explorer 8 中增強的開發(fā)工具可提供網(wǎng)頁的內部元素,有助于研究和解決 HTML、CSS 和腳本方面的問題。包含下列工具: CSS 工具,用于顯示您的網(wǎng)頁加載的樣式表所定義的各種規(guī)則。 腳本調試,一種內置輕型調試器,讓您無需退出 Windows Internet Explorer 即可設置斷點并查看客戶端腳本。 版本模式切換,允許您切換到其他瀏覽器模式以測試內容是否符合標準符合性。 探查器,一種內置工具,用于顯示瀏覽器在哪個執(zhí)行階段花費了大量時間,以便網(wǎng)頁作者重點進行優(yōu)化。 IE 8開發(fā)工具的界面如圖所示,有關開發(fā)工具詳細信息,請參閱下列網(wǎng)站: http://www.cnblogs.com/JustinYoung/
參考文檔
IE8 White Paper(白皮書) 下載頁面: http://code.msdn.microsoft.com/Release/ProjectReleases.aspx?ProjectName=ie8whitepapers&ReleaseId=567 IE8博客: http://blogs.msdn.com/ie/
原文:http://webteam.tencent.com/?p=999
本文鏈接:http://www.95time.cn/tech/web/2009/6809.asp
出處:騰訊Webteam
責任編輯:bluehearts
上一頁 IE8面向Web開發(fā)人員的功能改進 [2] 下一頁
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論,我還想發(fā)表評論。
|