首页 > 代码库 > 总结第七天
总结第七天
今天学了固定定位、相对定位和绝对定位;
固定定位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; 它主要是用来设置很细的表格边框线。
总结第七天