css3 楼主补知识

div
{
background:url(img_flwr.gif);
background-size:80px 60px;  //背景图片大小
background-repeat:no-repeat;

}

background-Origin属性指定了背景图像的位置区域。

CSS3 多个背景图像
CSS3 允许你在元素 那个添加多个背景图像。

background-image:url(img_flwr.gif),url(img_tree.gif);

CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。

http://www.runoob.com/css3/css3-gradients.html

#grad {
  background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(red, blue); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(red, blue); /* Firefox 3.6 - 15 */
  background: linear-gradient(red, blue); /* 标准的语法 */
}

CSS3 文本效果

CSS3中包含几个新的文本特征。

在本章中您将了解以下文本属性：

• text-shadow
• word-wrap

CSS3的文本阴影

CSS3中，text-shadow属性适用于文本阴影。

CSS3的换行

如果某个单词太长，不适合在一个区域内，它扩展到外面：

word-wrap:break-word;

CSS3 过渡

transition:width 2s;
-webkit-transition:width 2s; /* Safari */

等待两秒才触发效果

transition: width 1s linear 2s;
/* Safari */
-webkit-transition:width 1s linear 2s;

CSS3 动画

http://www.runoob.com/css3/css3-animations.html