清除浮动的方法
补充：after伪元素允许元素内容的最后面插入生成内容，需要和content属性一起使用，设置在对象后发生的内容。默认地，这个伪元素是inline行内元素，不过可以使用属性 display 改变这一点。
- 推荐使用：
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1} - 父级div定义 overflow:hidden：
只推荐没有使用position或对overflow:hidden理解比较深的朋友使用 - 父级div定义 overflow:auto：
内部宽高超过父级div时，会出现滚动条 - 父级div定义 height
HTML5 新元素：
HTML5中常用的新特性：
canvas元素：用于定义图形（图表等），只是图形容器，必须使用脚本来绘制图形。
audio：用于音频播放。
video：用于视频播放。
article：规定独立的自包含内容。
header：定义文档的页眉，介绍相关信息。
section：定义文档中的节。
footer：定义文档的页脚，通常有文档的作者、版权信息、联系方式等。
nav：定义导航链接。
表单控件：
calender
date
time
url
search
网格布局
- .col-xs- 超小屏幕 手机 <768px
- .col-sm- 小屏幕 平板 >=768px
- .col-md- 中等屏幕 >=992px
- .col-lg- 大屏幕 >1200px
html元素类别
1.常见的块级元素(自动换行， 可设置高宽 )有：div,h1-h6,p,pre,ul,ol,li,form,table,label等
- 常见的行内元素（无法自动换行，无法设置宽高）有：a,img,span，i（斜体）,em（强调）,sub(下标)，sup（上标）等。
3.常见的行块级元素(拥有内在尺寸，可设置高宽，不会自动换行 )有：
(button,input，textarea,select), img等
前端性能
页面的性能指标详解：
白屏时间（first Paint Time）——用户从打开页面开始到页面开始有东西呈现为止
首屏时间——用户浏览器首屏内所有内容都呈现出来所花费的时间
用户可操作时间(dom Interactive)——用户可以进行正常的点击、输入等操作，默认可以统计domready时间，因为通常会在这时候绑定事件操作
总下载时间——页面所有资源都加载完成并呈现出来所花的时间，即页面 onload 的时间
JS中六种数据类型
Undefined、Null、Boolean、Number、String.而 Object 是属于复杂数据类型，所以我认为这里说的 6 种基本数据类型是指：Undefined、Null、Boolean、Number、String 与 Symbol.
