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>
即可开启该元素的编辑模式,涨知识了!