auto:
自动适应的意思，比如“marjin：0 autao”的意思为上下边距为0，左右自动适应的意思，也就实现了居中的效果。
autao在css中往往都是默认值。
* ： 所有标签都有的属性。内外边距为0.
*{ margin:0; padding:0;} 这样 可以很好的避免标签的默认内外补丁 所产生的差异。&： 表示在嵌套层次中bai回溯一层，即du&:before相当于zhi.clearfix:before，&:after相当于.clearfix:after。<label> <label> 标签为 input 元素定义标注（标记）。text-align text-align 属性规定元素中的文本的水平对齐方式。<input type="submit"> <input type="submit"> 定义了提交按钮.<input type="checkbox"> <input type="checkbox"> 定义了复选框. z-index: 100; z-index: 100;可以防止两个定位重叠相互遮挡z值越大，越靠前。鼠标移动到图片会放大的代码参考：
!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>
</title>
<style type="text/css">
div{
width: 300px; height: 300px; border: #000 solid 1px; margin: 50px auto; overflow: hidden; } div img{ cursor: pointer; transition: all 0.6s; } div img:hover{ transform: scale(1.4); } </style> </head> <body> <div> <img src="img/focus.png" /> </div> </body> </html> 其中：transition: all 0.6s;表示所有的属性变化在0.6s的时间段内完成。transform: scale(1.4);表示在鼠标放到图片上的时候图片按比例放大1.4倍transform与transition的区别是：一个是转换，一个是过渡overflow：hidden;隐藏溢出内容。autoplay="autoplay"视频自动播放去除自动播放就是去掉controls给父级设置font-size: 0;去div缝隙 object-fit: cover;图片裁切
