行内元素和块级元素
块级元素：P、div、form、ul、li、ol、table、h1、h2
行内元素：span、a、img、button、input、select
块级元素占满一行 行内元素可以和行内元素并列 设置不了宽度
H5的新元素
语义化的标签:footer、header、nav、
视频 video 音频 audio 画布 canvas 表单控件 email
本地离线存储、localStorage，sessionStorage
meta viewport是做什么的、
适配移动端 可以控制视口大小
几种隐藏的区别
visibility:hidden 在文档流中占位 触发重绘 不能触发点击事件
display:none 删除元素 触发重排
opacity:0 透明 占位 触发 子元素会继承
rgba(0,0,0,0) 文档流中占位 重绘 子不继承 可以加触发点击事件
flex:1代表哪几个属性
flex:1 代表着 flex-grow、flex-shrink、flex-basis这三个属性
flex-grow：指定项目在剩余空间中所占据的比例，默认值为0，表示项目不会伸展。当设置为正数时，表示该项可以扩展的比例，相对于其他Flex项的比例。
flex-shrink：指定项目在空间不足时的收缩比例，默认值为1，表示项目会按比例收缩。当设置为0时，该项不会收缩。
flex-basis：定义了在分配多余空间之前，项目占据的主轴空间。浏览器根据这个属性，计算主轴是否有多余空间。它的默认值为auto，即项目的本来大小。
盒模型
标准盒模型 宽高不包括border和padding boxsizing: content-box
IE盒模型 宽高包括 boxsizing:border-box
src和href的区别
src是引入资源 嵌在当前的元素里 当浏览器解析到该元素 就会停止其他资源的下载和处理 直到该资源解析完成
href是引用资源 浏览器识别到的时候会并行下载
web worker
在HTML中 如果在跑脚本 页面是不可响应的 webworker是运行在后台的JS脚步 不会影响页面性能 通过postMessage将结果传回主线程，这样进行复杂操作的时候就不会阻塞主线程。
用于自己复习
