Hu.R

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

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

  固定定位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;  它主要是用来设置很细的表格边框线。

posted on 2016-10-24 00:12  Hu.R  阅读(72)  评论(0编辑  收藏  举报