一： background- 新属性

1.

如何给同一个元素定义两个背景图像

                                            左                                          右

background-image:url(../images/t.png),url(../images/a.png)

background-position:left center , right center;               

background-repeat:no-repeat;

2.

指定背景图像的位置区域(了解)

background-Origin  指定背景图像的位置区域,可以位于 border  、padding 、也可以在content

3.

背景裁剪属性是从指定位置开绘制(了解)

background-clip

三： 文本效果

text-shadow box-shadow text-overflow word-wrap word-break

1.text-shadow:  与box-shadow作用差不多,  应以了 文本的阴影效果,可以做成文字的3D感觉

如何控制文本的溢出:

text-overflow:hidden;  文本溢出隐藏

text-overflow:ellipsis;  定义文本多出的内容省略号显示

文本换行:

word-wrap:break-word;  例如:英文,换行时,整个单词换行。

word-wrap:break-all;        单词拆分换行。

在canvas中绘制文字,并加阴影:

context.shadowOffsetX=10;

context.shadowOffsetX=0;

context.shadowBlur=10;  阴影扩散