CSS3新增属性

关于文本的： 

文本阴影：text-shadow      文本换行: Word-wrap 、 Word-break      Css3服务器端字体： @font-face 使用方法： @font-face{  font-family:webFont;  src:url(‘font/字体名称.otf’)；  }   Div{font-family:webFont;}
    （阿里文字图标的加载步骤 1.先从阿里图标库下载图标； 2.把文件放到站点中，可以建一个font文件夹 3.把iconfont.css文件导入到html文件中； 4.在html文档中写一个内联元素如span标签,加class=“iconfont    图标对应class名” ）

 

关于背景的：

Background-origin 背景原点  Background-clip 背景裁切  Background-size 背景尺寸关于边框的：
Border-color 边框颜色、Border-image 图片边框     Border-radius 圆角边框、 Box-shadow 盒子阴影

文本阴影：text-shadow: h-shadow   v-shadow     blur    color
h-shadow    必需。水平阴影的位置。允许负值;
v-shadow    必需。垂直阴影的位置。允许负值。
blur                  可选。模糊的距离。    
color                  可选。阴影的颜色。

1）是否允许长单词换行：word-wrap:normal  \ break-word
2）是否允许长单词换行(加上后单词不会另起一行显示)：word-break:normal\ break-all

背景裁切：Background-clip； 用来规定背景的绘制区域（对于背景颜色）border-box、padding-box、content-box

背景原点：Background-origin；padding-box/border-box/content-box
背景尺寸：Background-size；数值/百分比/cover/contain
背景图片多个用逗号隔开
背景颜色模式：rgba（r:红色；g：绿色；b:蓝色；a：alpha）
边框color、style、width，圆角：border-radius（圆50%）透明：transparent
box-shadow：水平 垂直 模糊距离 阴影尺寸 颜色 内外部 。
图片边框：border-image；