我要玩中单

案例 父元素高度塌陷问题 既想解决高度塌陷问题，又要解决外边距重叠问题 修改元素的排序方式 bisplay

相对定位 relative 偏移量 必须开始定位后才可以设置偏移 top：正数往下，负数往上 层级问题 绝对定位

在父元素上的元素 display: flex; flex-direction: ; 设置方向 justify-content: ; 设置对齐方式 flex-wrap: ; 设置换行 flex-flow

视口（布局视口/视觉视口） 视口缩放比：缩放比=设备宽度/ wiwport：视口，配置视口 width：视口宽度=device-width，不设置是，不同设备的默认视口不一样 initial：缩放比，

媒体：手机/平板/电脑屏幕 screen ,打印机（print） 作用：当屏幕宽度在某范围时，样式分变化 写法 @media 媒体/all （所有媒体） 关键字：and并且 ， not非 ， only

书写位置 行内式、内嵌式、外链式 控制台输出 定义变量： 三个关键字定义的区别： var: let: const: 数据类型： numder 数字 不需要引号 string 字符串 '' ""

数据类型的转换： string: String(其它类型变量) 和 其它类型变量.toString() 的区别： number: boolean: 隐式转换：

分支结构： 表达式：能得到结果的 块级作用域： 从上往下判断，符合条件时停止判断 switch: 用于基于不同的条件来执行不同的动作

运算符与表达式 学习运算符与表达式时要知道两点 算数运算符 赋值运算符： 比较运算符： 逻辑运算符： 三元运算符：