前端语言串讲
1.HTML基本语法：标签（元素）Element，文本Text，注释Comment， DTD Document Type Defination，处理信息ProcessingInstruction
2.HTML标签分类：文档型，闭合型（闭合标签，空标签），换行型（块级标签，行内标签）， H5新元素（语义化标签，媒体标签，表单标签，功能标签）
深入理解CSS
1.层叠优先程度：样式表来源>选择器优先级>源码位置
2.样式表来源重要程度： 用户代理样式<用户样式表<作者样式表<作者样式表中的！important< 用户样式表的！important<用户代理样式表的！important
3.选择器：基础选择器，复合选择器，属性选择器，伪类选择器，伪元素选择器，逻辑选择器
4.选择器优先级：内联>id>class=attribute=pseudo-class>type=pseudo-element
5.源码顺序：（1）对于@import的样式，根据@import的顺序； （2）对于link和style标签的样式，根据在document中的顺序决定
6.继承：< html >——< body >——（< menu >——< span >;< content >——< div >,<...>）
7.CSS的值：文字类，数值类，函数生成 CSS的单位：长度（绝对长度——px，pt，cm，in...） （相对长度——em，rem，ex，rex...vw，vh，vmin，vmax...） 角度——deg，grad，tum，rad； 时间——s，ms； 分辨率——dpi，dpam，dppx
8.CSS3之前的常用布局： （1）常规流：默认布局方式，有块级格式化上下文和内联格式化上下文 （2）浮动流：用float属性控制脱流，做横向布局 （3）定位流：用position属性控制，fixed和absolute脱离文档流可以自由定位，覆盖等
9.CSS3之后的新布局：Flex弹性盒子布局，Grid网格布局，Multicol多列布局，一维空间布局 ，二维空间布局，文本、内容的多列展示
10.Flex：一维布局，基于内容，浏览器兼容性更好 Grid：二维布局，基于布局，2017年后浏览器的版本普遍支持
11.大面积或整体布局推荐使用Grid布局； 小面积或组件中或Grid Item中可以使用Flex灵活布局
12.响应式设计推荐遵循原则： （1）优先选用流式布局 （2）使用响应式图片 （3）使用媒体查询为不同的设备做适配 （4）给移动端设备设置简单统一的视口 （5）使用相对长度em，rem，vw作为长度度量
13.媒体查询：允许某些样式只在页面满足特定条件时才生效，可以将媒体类型（如screen，print） 以及媒体特性（如视口宽度，屏幕比例，设备方向：横向或纵向）作为约束条件.
