写大白的过程中遇到的问题，与解决方案
1，我想让截屏图片与我写的大白在一行上，但是图片把大白框挤到了下一行
效果如图：
原因：没有明白行内元素与块级元素的区别，没有明白img是什么元素，我开始以为是图片独占了一行，导致后面的框被挤到了下一行，后来才发现，图片是行内元素，不会将后面的挤到下一行，是后面的框是块级元素，独占一行，所以只能到下一行，
解决：
原理：
块级元素：常见div ，form ,ul,ol,li,table
行内元素：常见span ,img ,input,
块级元素虽然可以设置宽高，但是独占一行，不管你宽高设置多小，都独占一行,margin,padding都可以设置
行内元素，不可以设置宽高，不独占一行，可以设置padding,只有左右margin起作用
行内置换元素：也称行块级元素，如img，input 可以设置元素宽高，（置换元素即标签和属性就决定元素的内容，绝大部分都是非置换元素）
方案：将后面的元素设置为行内元素
2.在写大白脚的时候发现
会报一个这样的错
导致右边的样式运用不上
原因：发现是我把冒号打成了中文的冒号，闹了个大笑话，以后引以为戒
3.发现对头使用了Z-index使他显示在身体的上面一层，即使他的值比身体大，但是依旧在身体的下面
原因：没有让头部脱离文本流,必须让元素脱离文本流才能对他设置显示层
方案：对头部设置定位
4.在设置身体和左右手的层叠覆盖时
，身体始终被手覆盖，不管身体的z-index的值设置的多大，身体z-index的值多小都不起作用
原因：在我写的代码里面身体是手的父级，对z-index这个属性的运用过程中，只要是父子级的对父亲和儿子同时设置z-index同时设置是不起作用的
解决办法：只对儿子设置z-index的属性，使他的值为复数，不设置父亲的。
这时父亲就在儿子的上面，应为z-index不设置有一个默认的auto