花田与歌i

JS 变量 变量是什么 变量：把用户输入的数据存储起来，存储数据的容器///也可以简单的称为一个装东西的盒子 注意：变量不是数据本身，他们仅仅是一个用于存储数据的盒子 变量基本使用： 声明变量：创建变

媒体查询书写顺序 因为只要是在CSS内，都有层叠性！！！！ 拆分写的时候，写多个相同的时候需要注意！！！ min-width：从小到大 max-width：从大到小 回顾栅格系统 重要 css代码引入

移动端的屏幕适配 前端能够写出一套代码，由这样的功能 平步比较小的手机，看到的页面元素就越小 屏幕比较大的手机，看到的页面元素就越大 这两个公式都可以用，换上已知的单位，进行计算！ 为什么常用下面的公

做案例思路 案例；缩放，阴影，平移 看清除案例静态结构 然后书写标签 样式来实现案例的功能 思路 真实的开发情况（我们最开始分析的思路 不一定全对 会出现反复了解案例和修改代码的情况 正确 不可避免）

对代码的理解 意义 代码里面没有对错，只要效果实现了就可以。而且只在特定的结构之下，某一种写法是最简单的，我们要了解不同写法的优势和区别，工作中灵活的去选择 伪元素与hover属性连写时注意事项， 细

Flex布局补充： 昨日回顾 主轴指的是x轴，侧轴指的是y轴 主轴=x轴=水平方向 侧轴=y轴=垂直方向 主轴只是说明水平的方向，没有多行的概念，多行只有侧轴才有 侧轴对齐 单行 侧轴 align-i

后代选择器 ：空格，；根据html标签的嵌套关系，选择父元素后代中满足条件的元素；；选择器1 选择器2{css}大概：body空格img{添加所需属性}。首先搭建父子级的标签关系，才能使用后代选择器！

无序列表： 在网页中表示一组无顺序之分的列表，如：新闻列表 显示特点：列表的每一项前默认显示“圆点标识” 注意点：ul标签中只允许包含li标签，li标签可以包含任意内容 (ul=无序列表；；li=无序

精灵图： 项目中将多张小图片，合并成一张大图片，这张大图片称之为精灵图。优点：减少服务器发送次数，减轻服务器的压力，提高页面的加载速度。精灵图的标签，都用行内标签设置；例如：span , b , i