1. 云栖社区>
  2. 技术文集>
  3. 列表>
  4. 正文

微软向W3C万维网联盟提交新CSS标准

作者:用户 来源:互联网 时间:2016-03-11 10:06:32

网页标准微软w3c代码体验浏览

微软向W3C万维网联盟提交新CSS标准 - 摘要: 本文讲的是微软向W3C万维网联盟提交新CSS标准, 接触css代码也有一段时间了,谈到最多的一般是css简化,如何简化css代码,保证css特效发挥到极致的同时让网页加载速度最快。近日微软向W3C万维网联盟

接触css代码也有一段时间了,谈到最多的一般是css简化,如何简化css代码,保证css特效发挥到极致的同时让网页加载速度最快。近日微软向W3C万维网联盟提交了一个名为CSS Scrolling Snap Points(CSS网页平滑滚动)的网页标准提案。

该网页标准最早是基于IE10的API开发的,并在全新的IE11中作出了改进。该标准的设计主旨是为了让触控和键鼠设备的网页浏览体验更加平滑和 快速。开发者可以轻松利用这些API建立更出色的网页浏览体验,即便是有大量分页内容和照片的网页,人们也可以使用触摸屏、鼠标、触控板快速滚动浏览。

微软旗下门户MSN主页已经支持该技术标准。人们可以左右滑动来浏览当天的头条新闻。采用了CSS Scrolling Snap Points标准,IE利用同样的硬件加速平移技术开启了一个更棒的网页触控浏览体验。用户所期望的惯性平移和过度反弹让你觉得手指就连在了屏幕之上。此 外,用户全景浏览后浏览器会捕获与标题相近的内容。

非常难能可贵的是,这个新的网页标准仅需添加两行CSS代码(红色代码)而已,不像JavaScript那样需要添加几百行的代码,还可以保证在低端设备上的体验。

<style>

.photoGallery {

width: 500px;

overflow-x: auto;

overflow-y: hidden;

white-space: nowrap;

/* Set up points to which scrolling will snap*/

-ms-scroll-snap-points-x: snapInterval(0px,100%);

/*Require that scrolling always end at a snap point */

-ms-scroll-snap-type: mandatory;

}

</style>

<div>

<img src=http://www.update8.com/Web/CSS/"img1.jpg">

<img src=http://www.update8.com/Web/CSS/"img2.jpg">

<img src=http://www.update8.com/Web/CSS/"img3.jpg">

<img src=http://www.update8.com/Web/CSS/"img4.jpg">

</div>

微软展示的网页标准代码

事实上,微软去年就向W3C联盟提交了一个Pointer Events标准,已经经过W3C审定为候选推荐标准。此后微软对该标准进行了改进,以更好的支持FireFox和Chrome浏览器。CSS Snap Points是继Pointer Events之后,微软另一种改进网页浏览体验的方式,它向我们提供了身临其境的网页体验。它们都非常完美地支持触控操作,并且使用输入方式也能获得很好 体验。当然这也是为了顺应互联网的发展,因为2014年将会是移动互联网蓬勃发展,百家争鸣的一年。



以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有 的相关内容,欢迎继续使用右上角搜索按钮进行搜索网页 , 标准 , 微软 , w3c , 代码 , 体验 浏览 css w3cschool、css w3c、w3c css3手册、css3 chm w3c离线版、w3c css验证,以便于您获取更多的相关知识。

网页自适应的meta代码是怎么规定的?

... 1、文档结构不变,变动的只是css; 2、这些规范都是有万维网联盟(World Wide Web Consortium,简称W3C)指定的,http://www.w3.org/。 解决方案四: w3c就这样定义了,必须要遵守

.NET Web Services

...皂的WSDL ,和UDDI 。 的HTTP 即HTTP (超文本传输协议)是万维网标准的通信网络。 HTTP是标准化的万维网联盟( W3C ) 。 XML的 XML (可扩展标记语言)是一个众所周知的标准储存,携带和交换数据。 XML是标准由W3C 。 你可以阅...

第二天:图像标签及超链接的使用

...这实际上是一种误解。尽管xml同html关系非常密切。 它由万维网协会(W3C)创建,用来克服 HTML(即超文本标记语言(Hypertext Markup Language),它是所有网页的基础)的局限。和 HTML 一样,XML 基于 SGML ― 标准通用标记语言...

建设网站教程(1):网站开发知识

...示:每个网站开发人员都有必要了解以下几方面的知识:万维网如何工作;HTML 语言;如何使用层叠样式表 (CSS);JavaScript 编程;XML 标准;服务器脚本技术;使用 SQL 来管理数据. 每个网站开发人员都有必要了解以下几方面的知识:万维...

DOM0, DOM1, DOM2, DOM3

...什么 DOM,文档对象模型(Document Object Model)。DOM是 W3C(万维网联盟)的标准,DOM定义了访问HTML和XML文档的标准。在W3C的标准中,DOM是独于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。 W3C ...

前三篇
后三篇
弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率

40+云计算产品,6个月免费体验

稳定可靠、可弹性伸缩的在线数据库服务,全球最受欢迎的开源数据库之一

云服务器9.9元/月,大学必备