CSS3模块的目前的状况

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

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

【 tulaoshi.com - Web开发 】

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

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

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

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

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

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

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

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

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

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

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
链接:

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

延伸阅读
标签: Web开发
前些日子在SmashingMagazine看到一篇关于CSS3新技术不错的文章,它详细介绍了CSS3的新特性和它的使用方法,它包括:浏览器专有属性、选择器(属性选择器、连字符、伪类、伪元素)、RGBA和透明度属性、多栏布局、多背景图、Word Wrap、文字阴影、CSS圆角、边框图片、盒阴影、盒尺寸、媒体查询、语音,并详细说明了每个新技术目前有哪些浏览器...
标签: Web开发
说起CSS3的新特性,就不得不提到 Media Queries 。 本文比较详细,所以很多实际中用不到。所以如果只是想简单了解Media Queries,推荐参考 CSS3 Media Queries 。 CSS2.1定义了 Media 的部分,包括类型、组别和规则等。CSS并非为了显示器而创造,而是应用于各种各样的媒体,比如常见的显示器,越来愈多的手持设备,可能略显过...
标签: Web开发
本文中的这些标志与图标都是用CSS3制作而成,看上去似乎很不可思议,其中包括了IE图标,网站图标,奥运会标志等等,都是一些十分常见的标志,而它们之所有如此特别是因为这些标志与图标只是用CSS3来显示在网页中,而并非图片显示。 尽管被批评为走火入魔,CSS3 痴迷者们仍然在尝试实现各种基于纯 CSS 的图形与图标设计,如果你看到本文介绍的...
说起CSS3的新特性,就不得不提到 Media Queries 。本文比较详细,所以很多实际中用不到。所以如果只是想简单了解Media Queries,推荐参考 CSS3 Media Queries 。 CSS2.1定义了 Media 的部分,包括类型、组别和规则等。CSS并非为了显示器而创造,而是应用于各种各样的媒体,比如常见的显示器,越来愈多的手持设备,可能略显过时的电视机等等。 ...
标签: Web开发
阴影大约从CSS2就开始有了,但是只有Safari一个浏览器支持它,到现在依然是这样。阴影在CSS3中可以应用在边框和文字上,就像图片的阴影效果一样。 一般可以分为box-shadow和textshadow两类。 CSS3的box-shadow和textshadow可以写做:box-shadow:Apx Bpx Cpx #xxx; Apx = x轴 Bpx = y轴 Cpx = 投影长度 #XXX = 像通常一样的颜色 了解了这些,...

经验教程

932

收藏

7

精华推荐

CSS3教程:在CSS中使用的颜色

CSS3教程:在CSS中使用的颜色

老子决心要逆天

CSS3 Please:在线生成跨浏览器的CSS3代码

CSS3 Please:在线生成跨浏览器的CSS3代码

囚我终老Lcd

详解CSS3 Media Queries

详解CSS3 Media Queries

间谍可乐

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