html5中img父子级样式,(1条消息)【CSS】常用样式

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.一个图标跟着一个人

申请人

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.鼠标悬停事件

一月

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;