1.至于底层
如果你要放的那个层有多层次的话，首先是需要把这些层所在的那个公共外层div的属性设置成position:relative;
然后在把重叠的那些层也都设置position:relative;然后最重要的一点就是，这些重叠层中
z-index:0;z-index:1;z-index:2;甚至可以是负数比如z-index:-999;这样如果设置成z-index:-999;就能确保是最底层了
2.父子选择器
子选择器的作用：
1） css后代选择器
语法：h1 em {color:red;} 表示的是从h1开始里面包含的所有的em元素变成红色，h1为祖先，其他的em都是后代，即选中后代，不管是儿子还是孙子，只要是都会被选中，为后代选择器。
2）css子元素选择器
语法：h1>em{color:red;} 表示的是从h1开始里面的第一层em元素变成红色，h1为祖先，em为儿子，就像世袭制一样，只能传给儿子，孙子和其他堂亲都不行
3.class和id的区别
http://www.divcss5.com/rumen/r3.shtml
4.div和span的区别
http://www.divcss5.com/rumen/r79.shtml
5.相对定位和绝对定位
position：relative
6.两个div平行
span标签，或者float:left
7.怎么拉大页面大小
bottom:-450px
8.一个图标跟着一个人
<div class="img_man"><img src="static\pictureV1.0\News\申请人32.png" ><label>申请人</label></div>
9.如何把底部栏固定
position: absolute; /*相对于父元素contanier定位*/ width: 100%; bottom: -200px; /*始终距离它的父元素的底部为0px.则是处于父元素的最底*/ width: 100%; height: 45px; background: black; z-index: 1; text-align: center;
10.如何让多个组件平行
.img_ball_one { display:inline; } .img_ball_two { margin-left: 50px; display:inline; }
10.鼠标悬停事件
<div> <img src="static\pictureV1.0\News\大白球.png" width="3%" @mouseover="mouseOver(0)" @mouseleave="mouseLeave" :class="{itemHover:itemHoverIndex==0}" /> <label class="img_ball_font">一月</label> </div>
11.多出的字自动遮挡。
overflow:hidden; text-indent:200px; text-align: left;
12.加下划线
border-style:solid; border-color: darkgray; border-top-width:0px; border-right-width:0px; border-bottom-width:1px; border-left-width:0px;
13.隐藏控件
display:none;//隐藏控件不占据原来的位置 visibility:hidden;//隐藏控件但是仍占据原来的位置
14.自动换行
white-space:normal;
