梦醒时分725

逻辑运算符 && 且运算： 表示当两个值或多个值都为true时结果才为true，否则就为false，当检查到第一个为false的值时就不会检查后面都值。 || 或运算： 表示当两个值或多个值只要有一个

js的数据类型 undefined null 数字类型number 布尔类型bollen 字符串类型string symbol（表示独一无二的值） 对象类型object 可以使用typeof检测数据类

元素在其父元素中水平居中和垂直居中的方式 方法一： 通过使用flex布局，来设置justify-content：center；和align-items：center；就可实现元素水平垂直居中。 方法二

媒体查询 可以让我们针对不同的媒体类型定义不同的样式，页面会根据浏览器的宽度和高度重新渲染页面。 min-width 表示大于等于这个宽度的时候 屏幕显示 max-width 表示小于等于这个宽度的时

flex元素在交叉轴的分布方式 align-content，适合多行 stretch（默认值）如果弹性元素未设置高度或设为auto，将flex元素拉长 flex-start（默认值）：在交叉轴的开始

flex容器的属性 主轴方向 flex-direction： 水平方向 row —— 从左向右（默认） row-reverse ——从右向左 垂直方向 column —— 从上往下 column-re

css3动画 animation: name duration timing-function delay iteration-count direction fill-mode; name 关键帧名

css3层级z-index 值为整数 默认为0 值越大层级越高 透明度opacity 值为0-1 值越小越透明 css3的过渡效果transition：（property duration timin

定位position 偏移设置： left、right、top、bottom 相对定位relative 设置相对定位的盒子原来的位置会被保留，对其父元素和相邻的元素没有任何影响 绝对定位absolut