CSS3:Transition属性详解

分类:HTML5、CSS3 发表时间:2011年04月20日

因博客服务器瘫痪,上周的所有数据丢失。该文为恢复后补发。

暂时不做HTML5读书笔记的更新,下一篇再继续。临时性地插入CSS3新属性的详细介绍,以便可以和HTML5的知识结合起来合理应用,这样达到两者配合。

Transition属性主要是用来对某个CSS属性的变化过程进行控制,官方的介绍是”CSS Transitions allow property changes in CSS values to occur smoothly over a specified duration.“。而我个人则简单地理解为”在某个时间段内,平滑地改变某个CSS属性。“。

Transition又包含了四个子属性,分别为property、duration、timing-function、delay。下面来一一介绍,在最后会给出一个简单的实例和使用方法说明。

HTML5:《HTML5. Up and Running》读书笔记.Chp4.Canvas

分类:HTML5、CSS3 发表时间:2011年04月1日

《HTML5》的第四章节主要是对Canvas标签的属性以及相应的API进行了介绍,给出实例,这样学习起来就更加地容易和生动。

今天是愚人节,特意选择今天更新一篇博文。倒不是因为文章的内容和愚人节有什么关系,只是做个纪念。同时也是纪念一下哥哥(张国荣)去世8周年。

给出五个简单的实例,通过这些实例可以对Canvas的API有一个简要的认识和了解。在代码中也附加了注释,这样可以清楚地了解该行代码的含义。

HTML5:《HTML5. Up and Running》读书笔记.Chp3.Elements

分类:HTML5、CSS3 发表时间:2011年03月21日

即上篇的特性章节之后,继续更新我的HTML5读书笔记。本篇主要记录一些标签方面的更新注意事项。一些普通的header、nav、article等标签的用法网上是一大堆,我只是把我觉得这方面重要的内容或者不容易记住的内容做了一个备份。

这些新的HTML5标签在IE8及以下版本中都不能支持,这就需要在页面加载之前使用JS动态地创建HTML5新标签,以实现页面的正确的渲染。当然这样处理并不是万能的,在处理一些AJAX交互时,就会出现返回的HTML5标签无法正确解析的问题。此时就需要HTML5 innerShiv来解决了。

HTML5:《HTML5. Up and Running》读书笔记.Chp2.Features

分类:HTML5、CSS3 发表时间:2011年03月15日

HTML5最近确实很火,逼的我不得不继续自学下去。去年年底的时候看了一些《Pro HTML5》的章节。因为过年,后来就断掉了。除了一些练习的代码外,没留下什么笔记。

年后没多久我就开始看起了《HTML5. Up and Running》这本书,中文版《HTML5揭秘》已经上市。我到今天也看到了第六章。摘取了一些扼要的东西,做了一些简单的笔记,以便以后的翻查。Everbox这个时候就发挥到了作用,让我随时随地想翻的时候都可以翻一翻。

这篇文章只是开篇,后面会陆续有些我自己的笔记分享,很简单的文字。