DIV CSS 佈局教程網

網頁制作poluoluo文章簡介：以下是一張所有CSS3模塊的表格以及他們目前的狀況。css3.info將會不斷更新這張表格的模塊進度變化。越多進展的模塊列在最前面。目前還沒有CSS3模塊達到“推薦”級別。

CSS2如果擴大到CSS3的規模，其單一結構的特點就會成為自身發展的瓶頸。所以將CSS3劃分為多個模塊的決定發揮出了威力。將CSS劃分為模塊也使得W3C陸續將這些模塊歸入“推薦”級別。

以下是一張所有CSS3模塊的表格以及他們目前的狀況。css3.info將會不斷更新這張表格的模塊進度變化。越多進展的模塊列在最前面。目前還沒有CSS3模塊達到“推薦”級別。

注：這個頁面於2009年12月7日最後一次被更新。

譯者注：其中原文的鏈接省去，在譯文最後附帶了其鏈接的內容

表1：各個CSS3模塊的開發進度

模塊 更新日期 浏覽器兼容性 下次更新 候選推薦       Marquee (高優先級) 2008/12/5   擬推薦 - 時間未知 Namespaces (中優先級) 2008/5/23 兼容列表 擬推薦 - 2009/09 Ruby (中優先級) 2003/5/14   草案 - 時間未知 Media Queries (中優先級) 2009/9/15   擬推薦 - 時間未知 Basic User Interface(中優先級) 2004/5/11   擬推薦 - 時間未知 最後修訂       Selectors(高優先級) 2009/5/12 兼容列表 擬推薦 - 時間未知 Mulit-column Layout (中優先級) 2009/6/30   候選推薦 - 2009 Color (中優先級) 2008/7/21 兼容列表 擬推薦 - 時間未知 草案       Paged Media (中優先級) 2006/10/10   候選推薦 - 時間未知 Values & Units (中優先級) 2006/9/19   最後修訂 – 時間未知 Cascading & Inheritance (中優先級) 2005/12/15   草案 - 時間未知 Text (中優先級) 2007/3/6   草案 - 時間未知 Generated Content for Paged Media (中優先級) 2007/5/4   草案 - 時間未知 Backgrounds & Borders (中優先級) 2009/10/15   候選推薦 - 時間未知 Fonts (中優先級) 2009/6/18   最後修訂 – 2009/10 Basic Box Model (中優先級) 2007/8/9   草案 - 時間未知 Template Layout (中優先級) 2007/8/9   草案 - 時間未知 Speech (中優先級) 2004/12/16   草案 - 時間未知 Grid Positioning (中優先級) 2007/9/5   草案 - 時間未知 Flexible Box Layout (中優先級) 2009/7/23   草案 - 時間未知 Images Values (中優先級) 2009/7/23   草案 - 時間未知 2D Transformations (中優先級) 2009/12/1   草案/最終修訂 – 時間未知 3D Transformations (中優先級) 2009/3/20   草案 - 時間未知 Transitions (中優先級) 2009/12/1   最後修訂 - 時間未知 Animations (中優先級) 2009/3/20   草案 - 時間未知 CSSOM View (低優先級) 2009/8/4   草案 - 時間未知 Syntax (低優先級) 2003/8/13   草案 - 時間未知 Lists (低優先級) 2002/11/7   草案 - 時間未知 Generated & Replaced Content (低優先級) 2003/5/14   草案 - 時間未知 Line Layout (低優先級) 2002/5/15   草案 - 時間未知 Hyperlink Presentation (低優先級) 2004/2/24   草案 - 時間未知 Presentation Levels (低優先級) 2003/8/13   草案 - 時間未知 提案       Text Layout (中優先級) 不確定 不確定 草案 - 時間未知 Line Grid (中優先級) 不確定 不確定 草案 - 2009 Scoping (中優先級) 不確定 不確定 草案 - 時間未知 Extended Box (中優先級) 不確定 不確定 草案 - 時間未知 CSS Object Model (低優先級) 不確定 不確定 草案 - 時間未知 Tables (低優先級) 不確定 不確定 草案 - 時間未知 Positioning (低優先級) 不確定 不確定 草案 - 時間未知 Math (低優先級) 不確定 不確定 草案 - 時間未知 Aural Style Sheets (低優先級) 不確定 不確定 草案 - 時間未知

還有一些“概況”設計，用以配合不同的媒介：

表2：各種CSS3媒介概況的開發進度

模塊 狀況 上次更新 Print Profile 最終修訂 2006/10/13 TV Profile 候選推薦 2003/5/14 Mobile Profile 候選推薦 2008/12/13 Reader Profile 放棄  

下面附帶部分原文鏈接中的內容：

候選推薦

Marquee
Marquee包括控制字幕的速度和方向效果的屬性，Marquee是一個不需要用戶干預的滾動機制，即溢出的內容移進/移出於其視圖范圍。常被用在移動設備上。(直到2008年4月Marquee屬性還是盒模型的一部分)
鏈接：http://www.w3.org/TR/css3-marquee

Namespaces
基於XML的格式可以使用namespaces來相互區分多用途的相同元素名稱，並且這個草案解釋了如何擴展CSS Selectors在特定的namespace中像選擇本地名稱一樣選擇這些元素。
鏈接：http://www.w3.org/TR/css3-namespace/

Ruby
Ruby描述了用以封裝ruby位置的CSS屬性，ruby位置是指單詞上方或緊挨著單詞的小注釋，這種應用在中文和日文中尤其普遍，常用作發音或一些難以表達的意思。
鏈接：http://www.w3.org/TR/css3-ruby/

Media Queries
Media Queries是@media的CSS規則以及HTML中media屬性的一種改進。它增加了諸如顯示尺寸、顏色深度以及長寬比例的參數。這是因為在同一類媒介中(比如電視)始終有很重要的變量。它工作在CC/PP之上，但是是一個更輕量級的解決方案。
鏈接：http://www.w3.org/TR/css3-mediaqueries/

Basic User Interface
Basic User Interface包括了一些交互、動態網頁的樣式的特性：表單元素在不同狀態下的視覺效果以及在用戶桌面環境下渲染出的圖形化用戶界面中更多的鼠標/光標和顏色描述。
鏈接：http://www.w3.org/TR/css3-ui/


最後修訂

Selectors
Selectors描述了CSS3中的元素選擇器。Selectors用以在HTML或XML文檔中選擇元素，以附加其樣式或屬性。它包含了CSS1和CSS2並且針對一些新的建議在允許的范圍內將其擴展。比如選擇當前元素的其它兄弟元素、或選擇同類的子元素。
鏈接：http://www.w3.org/TR/css3-selectors/

Multi-column Layout
Multi-column Layout提出了將流動內容填入靈活布局的欄目中的新的屬性。
鏈接：http://www.w3.org/TR/css3-multicol/

Color
Color定義了顏色方面相關的CSS，包括透明度和值類型的變量符號
鏈接：http://www.w3.org/TR/css3-color/


草案

Paged Media
Paged Media擴展了CSS2已經有的屬性，同新的屬性一起控制頁眉頁腳頁數等事務。
鏈接：http://www.w3.org/TR/css3-page/

Value & Units
鏈接：http://www.w3.org/TR/css3-values

Cascading & Inheritance
鏈接：http://www.w3.org/TR/css3-cascade

Text
鏈接：http://www.w3.org/TR/css3-text

Generated Content for Paged Media
鏈接：http://www.w3.org/TR/css3-gcpm

Backgrounds & Borders
鏈接：http://www.w3.org/TR/css3-background

Fonts
鏈接：http://www.w3.org/TR/css3-fonts

Basic Box Model
鏈接：http://www.w3.org/TR/css3-box

Template Layout
鏈接：http://www.w3.org/TR/css3-layout

Speech
鏈接：http://www.w3.org/TR/css3-speech

Grid Positioning
鏈接：http://www.w3.org/TR/css3-grid

Flexible Box Layout

Images Values

2D Transformations
鏈接：http://www.w3.org/TR/css3-2d-transforms

3D Transformations
鏈接：http://www.w3.org/TR/css3-3d-transforms

Transitions
鏈接：http://www.w3.org/TR/css3-transitions

Animations
鏈接：http://www.w3.org/TR/css3-animations

CSSOM View
鏈接：http://www.w3.org/TR/cssom-view

Syntax
鏈接：http://www.w3.org/TR/css3-syntax

Lists
鏈接：http://www.w3.org/TR/css3-lists

Generated & Replaced Content
鏈接：http://www.w3.org/TR/css3-content

Line Layout
鏈接：http://www.w3.org/TR/css3-linebox

Hyperlink Presentation
鏈接：http://www.w3.org/TR/css3-hyperlinks

Presentation Levels
鏈接：http://www.w3.org/TR/css3-preslev


提案

Text Layout

Line Grid

Scoping

Extended Box

CSS Object Model

Tables

Positioning

Math

Aural Style Sheets


媒介概況/檔案

Print Profile
鏈接：http://www.w3.org/TR/css-print

TV Profile
鏈接：http://www.w3.org/TR/css-tv

Mobile Profile
鏈接：http://www.w3.org/TR/css-mobile

Reader Profile
鏈接：http://www.w3.org/TR/css-reader