zoukankan      html  css  js  c++  java
  • 总结第七天

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

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

  • 相关阅读:
    这是一棵树吗
    感染者
    es6 语法
    css3 flex 详解,可以实现div内容水平垂直居中
    移动端实现复制内容至剪贴板小例子
    jq+mui 阻止事件冒泡
    移动端H5 判断IOS还是Android 平台
    移动端布局 rem,和px
    关于H5移动端开发 iPhone X适配
    H5 微信公众号 监听返回事件
  • 原文地址:https://www.cnblogs.com/huuangrui/p/5991550.html
Copyright © 2011-2022 走看看