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.一个图标跟着一个人
![static%5CpictureV1.0%5CNews%5C%E7%94%B3%E8%AF%B7%E4%BA%BA32.png](static%5CpictureV1.0%5CNews%5C%E7%94%B3%E8%AF%B7%E4%BA%BA32.png)
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.鼠标悬停事件
![static%5CpictureV1.0%5CNews%5C%E5%A4%A7%E7%99%BD%E7%90%83.png](static%5CpictureV1.0%5CNews%5C%E5%A4%A7%E7%99%BD%E7%90%83.png)
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;