HTML CSS 知识点

1. 图片间隙bug的可以为 img 设置display:block;

2. vertical-align 元素垂直对齐 。

3. 当父元素空间不足，flex不换行，也不缩小，可以用flex:shrink:0 (默认值为1) 注意：如果元素不是弹性盒对象的元素，则 flex-shrink 属性不起作用。

4. 去边框可以用：border:0 或者 borer：none

5. 解决img把父元素高度撑大3-6像素的方法有： .vertical-align:top;

6. 当子元素的margin-top传递到父元素上时可以用 float:left 或者 overflow:hidden 属性解决

7. H5能支持的视频文件格式 有 webm ogg MPEG4

8. H5中，属性中强制性必填的属性是 required .如果使用该属性，则字段是必填（或必选）的。

9. 使用了定位或者浮动时可以直接设置宽高，不需要转元素了，因为他们具有块(行内块)元素的特征。

10. textare 和 input 区别：
    是一个单行输入框，有value属性，它不能自动换行，不能设高，如果设了高，光标就会在中间；用来放置字数较少的单行文字内容

是一个多行输入框，没有value属性，但是它能自动换行；一般可让用户输入多行文字 11. **visibility:hidden 和 display：none 的区别** display:none，不占位隐藏，不继承。元素及其子元素都会消失。 visibility:hidden，占位隐藏，继承。若子元素使用了visibility:visible，则不继承，这个子孙元素又会显现出来 opacity:0 占位，继承让整个元素透明 包括文字、子元素等 12. **选择器的权重** ！important 最高权重 行内样式： 1000 id选择器： 100 class选择器 和 伪类选择器：10 标签选择器 和 伪元素选择器： 1 通配选择器： 0