HTML 超文本标记语言
HTML5新特性：Canvas绘图以及SVG绘图。拖放（Drag and drop）API。 语义化标签（header、nav、footer、article、section）。 音频、视频（audio、video）API。 地理定位（Geolocation）。 本地离线存储（localStorage）,长期存储数据，关闭浏览器后不丢失。 会话储存（sessionStorage）,数据在关闭浏览器后自动删除。 表单控件（calendar、date、time、email、url、search）。 新技术如Web Worker、Web Socket。
cookie与sessionStorage和localStorage的区别：cookie可设置失效时间。sessionStorage关闭当前页面或浏览器后失效。localStorage除非手动清除否则永久保存。因为cookie每次请求都会携带在http请求中,所以它的主要用来识别用户登录,localStorage可以用来跨页面传参,sessionStorage可以用来保留一些临时数据。cookie应用场景：①判断用户是否登录过网站； ②用来记录购物车或者记录用户使用偏好来制定推送； session应用场景：①登录验证信息。
alt 和 title: alt 替换文本，title 提示文本。 特殊字符：   空格 ，< 小于号， > 大于号。
input 单标签：type 属性：text， password，radio单选框，chexkbox复选框，submit提交。加入name属性用于传参，实现单选复选，name值相同。 label标签：点击文本自动对焦，提升用户体验。
CSS层叠样式表
快速格式化代码：shift + alt + f；
CSS基础选择器：标签选择器span，类选择器.box，ID选择器#num，通配符选择器*。
CSS复合选择器：后代选择器（加空格），子选择器（加>），并集选择器（加逗号），伪类选择器（加冒号）。
CSS3新特性：圆角（border-radius）。阴影（box-shadow）。文字特效(text-shadow)。线性渐变（gradient）。变换(transform)。更多的CSS选择器。更多背景设置（background）。色彩模式（rgba）。伪元素（::selection）。媒体查询（@media）。多栏布局（column）。图片边框（border-image）。
常见的块元素：h1至h6，p，div，ul，li，特点：独占一行，内外边距宽高可以控制。文字类元素不能使用块级元素，例如h1~h6，p不能放块级元素。
常见的行内元素：a，i，br，img，input，textarea，span，select。特点一行可以显示多个，宽高直接设置无效，默认宽度是他本身内容的宽度。行内元素只能容纳文本和其他行内元素，但a里边可以放块级元素。img，input也是行内块元素。
CSS三大特性：层叠性，继承性，优先级。
CSS盒子模型，外边距合并，嵌套块元素塌陷问题，解决方案：1.为父元素设置一个透明的上边框。2为父元素定义上内边距。3.为父元素添加overflow:hidden。
清除浮动的方法：1.额外标签法：浮动元素末尾添加一个空的div标签，样式clear:both；2.给父级添加overflow:hidden；缺点溢出隐藏。3.after伪元素法，也是给父元素添加。4.双伪元素清除浮动。 绝对定位水平垂直居中。
显示隐藏两种方式及区别：display:none;block。隐藏元素后不占有原来位置。visibility:hidden;visible。隐藏元素后继续占有原来位置。overflow:hidden。超出部分隐藏。
CSS三角：宽高是零的盒子，加个透明边框，某个边框颜色改一下。
图片底册空白缝隙解决方案：1.给图片添加vertical-align: middle/ top /bottom;等（推荐）。2.把图片转换为块级元素：display:block；
单行文本溢出省略号显示：white-space:nowrap; overflow:hidden; text-overflow:ellipse。
flex弹性布局：测轴居中：align-items: center; 主轴居中：justify-content: center;
px和 rem：px是物理像素，绝对单位。 em是相对单位，基准点为父节点字体的大小。rem：root em 相对于根节点html的字体大小。
盒子容器水平居中：1.通过margin:0 auto；2.通过定位；3.通过flex；4.text-align：center；。
