CSS3模块的目前的状况分析

所属分类: 网页制作 / CSS 阅读数: 897
收藏 0 赞 0 分享

以下是一张所有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
更多精彩内容其他人还在看

Opera中国的WEB标准课程

网页制作Webjx文章简介:在这篇文章里,我要向大家介绍我和其他很多人花费数月时间开发的一个课程——Web标准课程,该课程旨在向大家提供Web设计和开发的坚实基础,无论读者是谁,此教程完全免费、可访问,并且不需要预备知识。当然,我主要还
收藏 0 赞 0 分享

CSS样式表渐进增强的基本概念

网页制作Webjx文章简介:如果你挠着头想弄清楚优雅降级和渐进增强的区别,我告诉你,这是视角问题。优雅降级和渐进增强都考虑网站在各种设备的各种浏览器上如何良好运转。两者区别的关键在于它们各自关注的焦点,以及这种关注对工作流程的影响
收藏 0 赞 0 分享

简单介绍Web Developer插件制作网页

网页制作Webjx文章简介:Firefox浏览器是一个良好支持W3C标准的开放源代码的浏览器,拥有Linux/Windows/Mac版本。因为Firefox浏览器良好支持W3C标准,所以使用Firefox来调试网页是非常好的。 Firefox浏览器是
收藏 0 赞 0 分享

CSS布局带来的巨大影响:CSS display属性值

网页制作Webjx文章简介:网页元素应用上那些与表格相关的display属性值后,能够模仿出与表格相同的特性。我将会在该文中给大家演示这种方法给CSS布局带来的巨大影响。 应原书编辑要求,先在文章顶部给出链接:《Everything You
收藏 0 赞 0 分享

用div css模拟表格对角线

这只是探讨一种CSS模拟表格对角线的用法,实际在工作中可能觉得这样做有点小题大作,这不是本主题讨论的重点。如果对此深以为然的朋友,请一笑过之 首先声明: 这只是探讨一种CSS模拟表格对角线的
收藏 0 赞 0 分享

IE Firefox在css中的差别 (部分)

1、单位问题 问题:任何距离的数值ie可以不加单位,ff必须要求写单位(0除外) 解决:写全单位如padding:0px; 2、水平居中 问题:div里的内容,ie默认为center,而ff默认left 解决:mairgin:0px auto; 3、高度问题
收藏 0 赞 0 分享

不用js可以实现信息提示效果

[code] <style> body { font:verdena; font-size:14px; color:#000 } h1{ font:verdena; font-size:22px; color:#000 } h2{ font:verdena;
收藏 0 赞 0 分享

CSS解决未知高度的垂直水平居中自适应问题

今天有人问起,晚上试着写出来,供参考; 以下代码兼容主流浏览器IE6、IE7、Firefox、Opera。 从最简单的开始………… 一、如何让一个DIV水平居中? 这个简单不作过多说明! [code] <st
收藏 0 赞 0 分享

CSS cursor 属性 -- 鼠标指针样式效果

取值: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize |
收藏 0 赞 0 分享

css 简单区别ie6,ie7,firefox的写法

同一样式里可以这样 [code] margin:17px; FF +margin:17px; IE6 IE7 _margin:17px; IE6 [/code] 按这个顺序,刚好区分开三个浏览器
收藏 0 赞 0 分享
查看更多