2007年W3C(万维网联盟)立项HTML5，直至2014年10月底，这个长达八年的规范终于正式封稿。 过去这些年，HTML5颠覆了PC互联网的格局，优化了移动互联网的体验，接下来，HTML5将颠覆原生App世界。这听起来有点危言耸听，但若认真分析HTML5的发展史，你会发现，这...

用CSS3实现圆角效果是件很容易的事，下面看看实例讲解吧 其中，对于一些只有半边有圆角的对象，还可以单独定义，webkit和moz下单独定义每个圆角的属性分别如下： -webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bo...

Web布局一直个是难点，但貌似现在我们有更好的选择了。 背景 首先,我们有表格布局。当不考虑语义并且利用一些适当的嵌套和其他技巧,我们可以用table建立具有一定功能的布局。 然后是现在大多数人都在使用的浮动布局。我们可以使用任何我们想用的元素,但浮动...

CSS3的box-shadow属性可以让我们轻松实现图层阴影效果。我们来实战详解一下这个属性。 1. box-shadow属性的浏览器兼容性 先来看一个这个属性的浏览器兼容性: Opera: 不知道是从哪个版本开始支持的，我在发这篇文章测试的时候，正好更新了Opera到最新的10.53...

众所周知，减少网站加载时间的最有效的方式之一就是减少网站的HTTP请求数。实现这一目标的一个有效的方法就是通过CSS Sprites将多个图片整合到一个图片中，然后再用CSS来定位。 下面是一张样图： 本文的目的并不是讲CSS Sprite如何让一个网站更快，而是说一...

前言 HTML 5如同一场革命，正在Web2.0后时代轰轰烈烈的进行着。 HTML 5是什么，无须我在这里赘述了。对于HTML 5的革新，按我的理解，可以总结为语义明确的标签体系、化繁为简的富媒体支持、神奇的本地数据存储技术、不需要插件的富动画(canvas)、强大的API支...

用代码实现圆角也是可以的，但是要做到按钮或者panel的标题的渐变色和阴影还是离不开图片的。不过我们可以通过html5的canvas标签制作不依赖图片的圆角+阴影的panel或按钮，并通过google提供的canvas转换工具使其可以在IE下使用。 ...

时光车轮滚滚碾来,前端之路永无止歇.对于这个前端这门精一多专的技术,任何一次技术革新,我们都必须第一时间去了解它学习它,比如Web世界里这簇美艳的花朵HTML5.虽然HTML5发布之初,许多人(包括我)都觉得普及它还很遥远,但自发布以来,许多企业级网站对它的尝试...

渐进增强的处理HTML5的表单，这恐怕是现阶段能解决这个问题最好的模式了吧，在浏览器支持HTML5特性的时候使用，不支持的时候还是使用js来扩展增强。...

无论你是否期待，也无论你支持或者反对，IE9正式版如期发布了。嗯，这一点儿比Mozilla好，Firefox 4正式版不知道要跳票到什么时候了。这里贴一些关于HTML5和CSS3的测试数据： IE9对CSS3新特性的支持： IE9对CSS3 选择器的支持 IE9对HTML5特性的支持 IE9对HTM...