标签:HTML5

学习笔记

HTML5与CSS3权威指南读书笔记

HTML5与CSS3权威指南读书笔记
1.datetime日期和时间之间用T分隔,Z表示UTC标准时间,可使用+08:00等替代Z来表示对应的时区,pubdate属性通常代码文章的发布日期2.由于一些浏览器尚未提供对H5新增结构元素的支持,可添加而IE8及之前的浏览器不支持以上这种CSS的声明,需增加3.表单formaction, formmethod, formtarget来指定各表……继续阅读 »

Alan 8年前 (2016-10-05) 4344浏览 0评论0个赞

HTML5&CSS3

CSS3+HTML5实现活塞运动

CSS3+HTML5实现活塞运动
Html5配合CSS3已经越来越强大,以下通过CSS3+HTML5来模拟活塞运动。首先设置背景颜色,这里仅测试了IE,Firefox和Chrome较新的版本,使用webkit也是为了兼容Chrome考虑:background: -webkit-linear-gradient(top, coral, tomato);background: linea……继续阅读 »

Alan 10年前 (2014-07-31) 4306浏览 0评论0个赞

HTML5&CSS3

HTML5绘制桌球

HTML5绘制桌球
桌球(又称台球 ,撞球)源自英国,是一项在国际上广泛流行的高雅的室内体育运动,是一种用球杆在台上击球,依靠计算得分确定比赛胜负的室内娱乐体育项目。下图为通过HTML5的Canvas配合JS生成的仿桌球图片,右侧的小球采用随机函数显示不同颜色,每次刷新后将显示不同的组合颜色。 Your browser does not support the ca……继续阅读 »

Alan 11年前 (2014-05-25) 4891浏览 0评论0个赞

HTML5&CSS3

HTML5绘制奥运五环

HTML5绘制奥运五环
奥运五环是奥运会的标志,由Pierre de Coubertin顾拜旦先生于1913年所构思设计的,下面通过HTML5的canvas加js来绘制五环标志。部分代码如下:创建Canvas: <canvas id="#" width="#" height="#" style="border: 1px solid #……继续阅读 »

Alan 11年前 (2014-05-25) 6699浏览 0评论1个赞