一阶段项目 补充知识

鼠标悬浮放大效果 

html 

<div class="imgBox">
<img src="http://www.jq22.com/img/cs/500x500-1.png" alt="">
</div>

css

.imgBox {
width:200px;
height:200px;
overflow:hidden;
}
.imgBox img {
width:200px;
height:200px;
transition:all .4s;
-moz-transition:all .4s;
-webkit-transition:all .4s;
-o-transition:all .4s;
}
.imgBox img:hover {
transform:scale(1.2);
}

div背景色透明

 

opacity: 0.6;
background: red;

加边框 border属性

img元素会有一个字的间距 去掉这个间距 1是font-size：0  第二种是display：block；

for in是遍历对象 数组

for of是遍历数组的值

HTML 中video 操作

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/video