CSS 2
3.层叠上下文
是对HTML元素的三维构想，是将元素沿着垂直屏幕的虚构的Z轴排开
将根据相应条件，形成新的层叠上下文，在不同层叠上下文，同一个层叠上下文中的不同元素都有层叠顺序。
在同一个层叠上下文，按z-index大小排序。
z-index：将预设间隔设置10或100，方便后续的插入
使用CSS变量或者预处理语言的变量，管理z-index的值
4.变形、过渡、动画
Transform变形
2D：transform：translate，rotate，scale，matrix
transform-origin：right top，center。。。变形时依据的原点
3D：变化keyword，变形原点。。。transform-style：preserve-3D
Transition过渡
某些元素属性从一种起始状态，在一段时间内以某种变化节奏过渡到终止状态
Timming-function：linear，cubic-bezier（）or ease-in，step
Animation动画
相应属性为元素添加动画
5.相应式设计
响应式设计推荐遵循的原则
优先选用流式布局；使用响应式图片，匹配尺寸，节省带宽；使用媒体查询为不同的设备做适配；给移动端设备设置简单的统一的视口；使用相对长度；
媒体查询的使用
允许某些样式只在页面满足特定条件时才生效，我们可以将媒体类型以及媒体特性做为约束条件
设备像素、参考像素和移动设备视口
相对长度的使用
JavaScript
在网页界面中嵌入动态文本，对部分事件作出响应
-
- JS的基本概念
JS历经多代发展形成了现在的JS
单线程（GUI进程与JS进程不同时），动态弱型（定义时不用声明是什么变量），面向对象，函数式，解释类语言，JIT，安全，性能差，
作用域 变量的可访问性和可见性
变量提升
通过定义函数来定义相应动作。
