HTML 5新标签
标签 | 解释 |
---|---|
header | 定义头部 |
footer | 定义尾部 |
article | 文章标记标签 |
section | 区域标记 |
aside | 侧标标记 |
nav | 导航标记 |
CSS3 新特性
动画
transform animate @keyframes
1.文本阴影text-shadow
2.边框圆角 border-radius
3.盒子阴影 box-shadow
4.边框图片boeder-image
5.背景大小 background-size
6.设置背景原点background-origin
7.background-clip背景区域裁切(也就是让图片在什么区域内显示)
8.多背景background: url() ,url(),url();
注意:不同的背景,用逗号分隔
设置多背景的时候,不能再设置背景颜色(不能连写),如有需要,聚单独写background来设置颜色
9.渐变
线性渐变:background-image:linear-gradient(渐变方向开始和结束状态,渐变范围(距离))
渐变方向:可以是具体方向:to top
10.径向渐变background-image:radial-gradient(圆点,开始、结束)
11.过渡trasition
11.1补间动画