前端复习总结（3）

css实现宽度自适应100%，宽高16:9的比例的矩形

这里有意思的padding-bottom，以及position的问题
我首先想到为什么不用margin-bottom呢，想一下盒模型，margin是控制外面，padding是里面，这两个百分比参照的都是父级的宽度，不用margin是因为它撑不开内容区域，这个我看是为了解决图片闪烁问题的，position为什么要写呢，因为如果不写，把item的高度设成1px，会发现，一条线，这说明了什么呢，item是撑不开父元素的高度的，因为你写的是padding-bottom，并未设置高度。

新标签新特性

新block标签：header,footer,main,aside,article,section,nav,hgroup （主要8个）。
新表单标签，calendar、date、time、email、url、search
媒介标签： video 和 audio
绘画标签： canvas

input和textarea的区别

input type=“text“”是单行文本框，textarea是多行文本框，这个可以拖拽大小，可以换行，input不可以

使用div模拟textarea

<div id="textarea" contenteditable="true"></div>

即可开启该元素的编辑模式，涨知识了！