CSS3模块的目前的状况

2016-02-20 00:28 59 1 收藏

get新技能是需要付出行动的,即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是CSS3模块的目前的状况,一起来学习了解下吧!

【 tulaoshi.com - Web开发 】

CSS2如果扩大到CSS3的规模,其单一结构的特点就会成为自身发展的瓶颈。所以将CSS3划分为多个模块的决定发挥出了威力。将CSS划分为模块也使得W3C陆续将这些模块归入推荐级别。

以下是一张所有CSS3模块的表格以及他们目前的状况。css3.info将会不断更新这张表格的模块进度变化。越多进展的模块列在最前面。目前还没有CSS3模块达到推荐级别。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

注:这个页面于2009年12月7日最后一次被更新。

译者注:其中原文的链接省去,在译文最后附带了其链接的内容

表1:各个CSS3模块的开发进度

还有一些概况设计,用以配合不同的媒介:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

表2:各种CSS3媒介概况的开发进度

下面附带部分原文链接中的内容:

候选推荐

Marquee
Marquee包括控制字幕的速度和方向效果的属性,Marquee是一个不需要用户干预的滚动机制,即溢出的内容移进/移出于其视图范围。常被用在移动设备上。(直到2008年4月Marquee属性还是盒模型的一部分)
链接:

Namespaces
基于XML的格式可以使用namespaces来相互区分多用途的相同元素名称,并且这个草案解释了如何扩展CSS Selectors在特定的namespace中像选择本地名称一样选择这些元素。
链接:

Ruby
Ruby描述了用以封装ruby位置的CSS属性,ruby位置是指单词上方或紧挨着单词的小注释,这种应用在中文和日文中尤其普遍,常用作发音或一些难以表达的意思。
链接:

Media Queries
Media Queries是@media的CSS规则以及HTML中media属性的一种改进。它增加了诸如显示尺寸、颜色深度以及长宽比例的参数。这是因为在同一类媒介中(比如电视)始终有很重要的变量。它工作在CC/PP之上,但是是一个更轻量级的解决方案。
链接:

Basic User Interface
Basic User Interface包括了一些交互、动态网页的样式的特性:表单元素在不同状态下的视觉效果以及在用户桌面环境下渲染出的图形化用户界面中更多的鼠标/光标和颜色描述。
链接:


最后修订

Selectors
Selectors描述了CSS3中的元素选择器。Selectors用以在HTML或XML文档中选择元素,以附加其样式或属性。它包含了CSS1和CSS2并且针对一些新的建议在允许的范围内将其扩展。比如选择当前元素的其它兄弟元素、或选择同类的子元素。
链接:

Multi-column Layout
Multi-column Layout提出了将流动内容填入灵活布局的栏目中的新的属性。
链接:

Color
Color定义了颜色方面相关的CSS,包括透明度和值类型的变量符号
链接:


草案

Paged Media
Paged Media扩展了CSS2已经有的属性,同新的属性一起控制页眉页脚页数等事务。
链接:

Value & Units
链接:

Cascading & Inheritance
链接:

Text
链接:

Generated Content for Paged Media
链接:

Backgrounds & Borders
链接:

Fonts
链接:

Basic Box Model
链接:

Template Layout
链接:

Speech
链接:

Grid Positioning
链接:

Flexible Box Layout

Images Values

2D Transformations
链接:

3D Transformations
链接:

Transitions
链接:

Animations
链接:

CSSOM View
链接:

Syntax
链接:

Lists
链接:

Generated & Replaced Content
链接:

Line Layout
链接:

Hyperlink Presentation
链接:

Presentation Levels
链接:


提案

Text Layout

Line Grid

Scoping

Extended Box

CSS Object Model

Tables

Positioning

Math

Aural Style Sheets


媒介概况/档案

Print Profile
链接:

TV Profile
链接:

Mobile Profile
链接:

Reader Profile
链接:

来源:http://www.tulaoshi.com/n/20160220/1631907.html

延伸阅读
标签: Web开发
前些日子在SmashingMagazine看到一篇关于CSS3新技术不错的文章,它详细介绍了CSS3的新特性和它的使用方法,它包括:浏览器专有属性、选择器(属性选择器、连字符、伪类、伪元素)、RGBA和透明度属性、多栏布局、多背景图、Word Wrap、文字阴影、CSS圆角、边框图片、盒阴影、盒尺寸、媒体查询、语音,并详细说明了每个新技术目前有哪些浏览器...
标签: Web开发
一个在线生成跨浏览器的CSS3代码的网站,很直观,也很方便,现在支持的CSS 3属性有圆角、阴影、渐变、自定义字体、旋转、rgba色彩。即将支持的还有其他的一些 css transform。 用法很简单,点击属性值直接修改就可以及时预览。toggle rule on和toggle rule off按钮可以启用或禁用某个属性。 即刻体验: 事实上,现在支持这些CSS3属性的浏...
标签: Web开发
译自:Playing Around with CSS3 Colors 中文:玩转CSS3色彩 传统来说,大家在CSS中使用的颜色要么是16进制格式,要么是rgb格式,就像rgb(171,205,239)。 CSS3 带来了一些新的处理颜色的方法,比如使用HSL(Hue, Saturation, Light) 和opacity/alpha通道。不幸的是,现在只有Firefox 3+, Chrome 1.0+ 和Safari 3+ 以及一些衍生的浏览器...
标签: Web开发
本文中的这些标志与图标都是用CSS3制作而成,看上去似乎很不可思议,其中包括了IE图标,网站图标,奥运会标志等等,都是一些十分常见的标志,而它们之所有如此特别是因为这些标志与图标只是用CSS3来显示在网页中,而并非图片显示。 尽管被批评为走火入魔,CSS3 痴迷者们仍然在尝试实现各种基于纯 CSS 的图形与图标设计,如果你看到本文介绍的...
标签: Web开发
border-radius(圆角)的几点说明: border-radius:长度 Firefox支持border-radius(圆角):-moz-border-radius:2px; webkit内核的Safari和Chrome支持border-radius(圆角):-webkit-border-radius:2px; Opera支持border-radius(圆角):border-radius:2px; IE不支持border-radius(圆角) 我们还可以随意指定圆角的位置,左上、左下、右上...

经验教程

709

收藏

80
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部