主要内容：昨天作业 和 CSS3
1、CSS3 新增选择器；（重点）
2、CSS3 2D转换；（重点）
3、transition过渡；（重点）
4、background属性扩展，如clip、sizing、多背景图等（掌握）；
5、演示过渡实例；
6、box-shadow、text-shadow；（重点）
7、filter滤镜、渐变（掌握）；
8、字体图标；
9、animation动画及详细属性设置；
10、演示摩天轮案例；
CSS3知识点：
A. 选择器相关
根据课件自行总结
B. 2D 变换相关
CSS3 2D转换文档：
https://www.w3school.com.cn/css3/css3_2dtransform.asp
CSS3 2D转换掌握的知识点：
transform: translate() | rotate() | scale() | skew() |matrix()
其中：只谈2D变换，详细参考【2d变换.png】
transform 变换
translate 平移，x轴，y轴
rotate 旋转， 0-360deg 其中deg=degree旋转的度数
scale 缩放，小于1时缩小，大于1时放大
skew 倾斜， 0-360deg倾斜，倾斜方向，x轴和y轴
matrix 距阵（它是以上几种变换的底层实现，了解一下即可）
距阵(了解一下):
https://baike.baidu.com/item/矩阵/18069
另外：CSS3 2D变换是css新增加的特性，兼容性要注意。使用浏览器前缀解决兼容性。
-ms-开头表示ie浏览器 microsoft
-webkit-开头表示chrome谷歌浏览器，以及以webkit为内核的浏览器
-moz-开头表示firefox火狐浏览器
-o-开头表示opera欧朋浏览器
C. 背景、阴影、过渡效果、滤镜、渐变、字体图标相关
根据课件自行总结
D. 案例：
摩天轮：
https://www.17sucai.com/pins/21176.html
CSS Loading动画：
https://www.cnblogs.com/theblogs/p/10328514.html
E. 文档：
CSS3相关文档
http://css.doyoe.com/
https://www.runoob.com/css3/css3-tutorial.html
字体和图标下载：
https://www.zitixiazai.cn/
https://www.1ppt.com/ziti/
http://www.fontawesome.com.cn/
https://www.iconfont.cn/
昨天的作业：
作业1：jquery验证表单
https://demosc.chinaz.net/Files/DownLoad/webjs1/202203/hjiaoben8/indelx.html
https://www.runoob.com/jquery/jquery-plugin-validate.html
作业2：怎么自己封装一个jquery插件
作业：曲线阴影和翘边阴影
