小右小佑

css3 旋转+动画 制作太阳系 animation: 动画名称 持续时间（数字+s） 执行次数(infinite无限) alternate(来回)

移动web flex布局 父元素添加 display: flex，子元素可以自动的挤压或拉伸； 父级 加了flex布局 子级不再是所谓的行内，块级元素了，统一都可以设置宽高； ​ 并且加了浮动是无效的

JavaScript 基础 体会现实世界中的事物与计算机的关系 理解什么是数据并知道数据的分类 理解变量存储数据的“容器” 掌握常见运算符的使用，了解优先级关系 知道 JavaScript 数据类型隐

1.1算术运算符 数学运算符也叫算术运算符，主要包括加、减、乘、除、取余（取模）。 +：求和 -：求差 *：求积 /：求商 %：取余数 开发中经常作为数字是否被整除。 运算优先级： 同时使用多个运算符

循环和数组 循环for**-基本使用** 1. for循环语法 也是重复执行代码 好处：把声明起始值、循环条件、变化值写到一起，让人一目了然 案例： 1.2 循环退出 循环结束： continue：结

做一个简单有效果的按钮 分析： 首先来一个button，将按钮套在div里面，来点高级的颜色。 利用div和button设置伪元素，给定位伪元素直接让它靠边， 加上我们的过度，鼠标触碰触发动画效果 主

鼠标移到图片实现渐变效果！！！ 鼠标移到滚轮上实现车轮走动！！！ 鼠标移到图片实现渐变效果！！！ 鼠标移到滚轮上实现车轮走动！！！

音频： controls——显示播放音频的控件 autoplay——自动播放 loop——循环播放 ——音频循环播放 视频： muted——自动播放需要加上这个音频 ——视频

display: flex; justify-content: center;——水平居中（flex-start——左对齐）（flex-end——右对齐） align-items: center;