前端笔记H5和CSS3

H5

1.H5基础与语法

2.H5新增语义化标签

3.H5新增音频标签

4.H5新增视频标签

5.增强表单

（1）input

（2）数据列表

（3）属性

CSS3

1.CSS3基础

2.层级选择器

3.属性选择器

4.结构伪类选择器

5.目标伪类选择器

6.UI状态伪类选择器

7.否定和动态伪类选择器

8.文本阴影

9.盒子阴影

10.圆角边框

11.圆角边框案例

12.字体引入

13.怪异盒模型

14.弹性盒

15.弹性盒-改变主轴方向

16.主轴与侧轴对齐方式

17.折行与行间距

18.项目

（1）对齐方式

（2）调整顺序

（3）剩余宽高

19.支付宝弹性盒布局案例

20.移动端布局

21.足球圈移动端布局案例

22.京东分类页案例

23.移动端布局-横向滚动

24.多列布局

25.多列布局案例

26.响应式布局

（1）媒体查询

（2）横竖屏显示

（3）案例

27.em与rem

28.rem布局准备工作

29.足球圈rem布局

30.vw和vh

31.单位转换

32.线性渐变

33.径向渐变

34.重复渐变

35.太极案例

36.动画过渡属性

37.动画过渡类型

38.动画过渡单-属性

39.2d

（1）平移

（2）缩放

（3）旋转

（4）旋转-折扇效果

（5）多属性值

（5）倾斜

40.明星资料卡案例1

41.明星资料卡案例2

42.关键帧动画

（1）属性

（2）单一属性

（3）轮播案例

（4）逐帧动画案例

43.animate动画库

44.3d

（1）平移

（2）旋转

（3）缩放

（4）立方体

45.网络布局

（1）行列属性

（2）间距

（3）区域命名与合并

（4）案例1

（5）对齐方式

（6）项目属性

（7）案例2