定位:
position(定位):fixed(固定定位)/relative(相对定位)/absolute(绝对定位)
都会在原来文档层的上一层
top:50%/50px;
bottom:50%/50px;
left:50%/50px;
right:50%/50px;
fixed:相对于浏览器改变位置
relative:相对于自己改变位置,自己原来的位置是保留的(一般配合绝对位置一块使用)
absolute:相对于离自己最近的具有定位的父元素(相对定位、固定定位都是可以的)进行改变位置,自己原来的位置是不保留的(一般把他的父元素设置为相对定位 把子元素也就是他自己设置成绝对定位)(如果没有定位的元素相对于浏览器进行改变位置)
具有定位的元素都是块级元素--行内元素不需要打dispaly:block;啦
原则:给子元素加绝对定位,给父元素加相对定位
z-index(设置元素的层叠顺序):1/2/-2;值越大,越在最上层显示。
必须是定位了的元素。
border-radius:50%;
元素的显示方式:
display:block;块级元素的默认显示方式
display;inline;行内元素的默认显示方式
display:inline-block;行内块级元素的默认显示方式
display:none;隐藏,但是不占用空间
visibility:hidden;隐藏,但是占用空间
把行内元素转换成块级元素:display:block;只是有了块级元素的属性但是本质上还是行内元素 还是不能在内部嵌套块级元素的等等
把块级元素转换成行内块级元素后,会在同一行显示 并且两个之间留有间隙 谷歌浏览器默认这个间隙是8px
position(定位):fixed(固定定位)/relative(相对定位)/absolute(绝对定位)
都会在原来文档层的上一层
top:50%/50px;
bottom:50%/50px;
left:50%/50px;
right:50%/50px;
fixed:相对于浏览器改变位置
relative:相对于自己改变位置,自己原来的位置是保留的(一般配合绝对位置一块使用)
absolute:相对于离自己最近的具有定位的父元素(相对定位、固定定位都是可以的)进行改变位置,自己原来的位置是不保留的(一般把他的父元素设置为相对定位 把子元素也就是他自己设置成绝对定位)(如果没有定位的元素相对于浏览器进行改变位置)
具有定位的元素都是块级元素--行内元素不需要打dispaly:block;啦
原则:给子元素加绝对定位,给父元素加相对定位
z-index(设置元素的层叠顺序):1/2/-2;值越大,越在最上层显示。
必须是定位了的元素。
border-radius:50%;
元素的显示方式:
display:block;块级元素的默认显示方式
display;inline;行内元素的默认显示方式
display:inline-block;行内块级元素的默认显示方式
display:none;隐藏,但是不占用空间
visibility:hidden;隐藏,但是占用空间
把行内元素转换成块级元素:display:block;只是有了块级元素的属性但是本质上还是行内元素 还是不能在内部嵌套块级元素的等等
把块级元素转换成行内块级元素后,会在同一行显示 并且两个之间留有间隙 谷歌浏览器默认这个间隙是8px