总结第七天

Posted 2020-08-15

今天学了固定定位、相对定位和绝对定位；

　　固定定位position:fixed 顾明诗意它可以让元素在浏览器上定住，它的定位有四个top right bottom left; 

固定定位元素它的层级比普通元素要高 并且它会压住普通元素

　　相对定位position:relative   相对定位它是相对于“原来的自己”来进行定位！也是有四个定位top right bottom left; 当它移动时它原来的地方就会流出一个空位。

    绝对定位position:absolute     绝对定位元素它会先去找它的父元素是否有进行定位  如果它的父元素有进行定位 那么它会参照于其父元素来进行定位，但是如果它的父元素没有进行定位 那么它会去找其爷爷元素  如果说绝对定位元素它的祖先都没有进行定位的话 那么它会以“浏览器窗口”来进行定位！

Z-index    只有使用了定位的元素它可以设置z-index的值   如果说定位了的元素没有设置z-index值 那么它的值默认就是0

　　z-index它就表示谁压着谁，值大的压值小的！

　　z-index它的值是一个正整数  它的值没有单位 

　　如果说定位了的元素都没有设置z-index的值 那么跟html结构有关 谁在后面就会压盖住前面的元素！

border-radius(属性):它可以让边框弯曲有四个方向可以调整弯曲度top right bottom left; 要按顺序写数值或者百分比。

box-shadow(属性)：水平阴影(必填)  垂直阴影(必填)   阴影的模糊大小  阴影的大小  阴影的颜色  阴影在哪里inset/outset;这是盒子的阴影

text-shadow(属性)：水平阴影(必填)  垂直阴影(必填) 阴影的模糊大小 阴影的颜色;这是文本里字体的阴影；

border-collapse(属性)：border-collapse:collapse;  它主要是用来设置很细的表格边框线。