一： 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; 阴影扩散
