1.作用和分类 作用：就是使用js去操作HTML和浏览器  分类：DOM（文档对象类型）、BOM（浏览器对象模型） 2.什么是DOM DOM是用来呈现以及与任意HTML或XML文档交互的API，是浏览器提供的一套专门用来操作网页内容的功能 DOM作用：开发网页内容特效以及实现用户交互

提供大量css样式，允许开发者结合一定HTML结构及JavaScript，快速编写功能完善的网页及常见交互效果 中文官网在这里 BootStrap栅格系统  .container:是bootstrap中专门提供的类名，所有应用该类名的盒子，默认已被指定宽度且居中 .container-fluid:也是专门提供的类名，所有应用该类名的盒子，宽度均为100% 分别使用.row类名和.col类名定义栅格布局的行和列 注意事项： 1.container类自带间距15px 2.row类自带间距-15px 手册用法： 网站首页-->

目标：能够使用媒体查询设置差异化css样式    目前布局方案中，将网页等分成十等分 font-size设置为宽度的十分之一

图片等比例缩放，放宽度或者高度二者有一个跟盒子尺寸相等是，图片不在变化 background-size：contain  图片等比例缩放，图片可以完全覆盖整个盒子，可能会导致图片显示不完整 background-size：cover

当只有两个状态变化就可以用过渡 但如果是多个状态变化就需要动画 并且动画可以控制中间过程 构成动画的最小单位：帧或动画帧    动画属性 animation: 动画名称 动画时长 速度曲线 延迟时间 重复次数 动画方向 执行完毕时状态； 注意： 动画名称和动画时长必须赋值 取值不分先后顺序 如果有两个时间值，第一个标识动画时长，第二个时间表示延迟时间   速度曲线：  linear：匀速运动  steps（3）：动画分三步变化  延迟时间：  让动画等一会再执行  重复次数：  动画播几次  infinite：无限循环  动画方向：  alternate：反向走  执行完毕时状态：  back...

CSS属性 overflow 定义当一个元素的内容太大而无法适应块级格式化上下文时候该做什么。它是 overflow-x 和overflow-y的简写属性 。 常用属性有：   overflow: visible;（盒子外面的也显示）   overflow: hidden;（盒子外面溢出的不显示）   overflow: scroll;（固定给盒子加上滚动条）   overflow: auto;（必要时给盒子滚动条）

目标：使用transfrom属性实现元素位移、旋转、缩放等效果    平面转换    改变盒子在平面内的形态（位移、旋转、缩放）  2D转换  平面转换属性    transfrom