zoukankan      html  css  js  c++  java
  • 0924作业1

    <html>
    <head>
    <style type="text/css">
    h2.pos_abs
    {
    position:absolute;
    left:100px;
    top:150px
    }
    </style>
    </head>

    <body>
    <h2 class="pos_abs">这是带有绝对定位的标题</h2>
    <p>通过绝对定位,元素可以放置到页面上的任何位置。下面的标题距离页面左侧 100px,距离页面顶部 150px。</p>
    </body>

    </html>

    css中的position后面的定位的不同用法与区别:

    Static:静态定位可以理解为没有定位;是position属性的默认值,元素正常显示在页面排版中;

    Relative(相对定位):元素相对自身的位置进行偏移也就是相对于自身来说在文档中出现的位置来移动,可以通过(top、right、bottom、left)属性来移动元素,偏移后原本的位置空间依然保留,只是视觉上相对原来的位置有移动。

    absolute(绝对定位):生成绝对定位元素,此元素脱离文本流不在文档中占据位置,以页面的左上角通过(top、right、bottom、left)属性进行定位。也可选取父级定位对象进行定位

  • 相关阅读:
    wait函数和waitpid的使用和总结
    linux中sleep函数的使用和总结
    alarm()函数的使用总结
    linux定时器的实现方法
    Socket的长连接和短连接
    记录各种材质的数据
    max导出模型插件
    鸡汤 -心灵 记录
    UGUI 加载图片
    u3d udp服务器
  • 原文地址:https://www.cnblogs.com/dedao97/p/9696768.html
Copyright © 2011-2022 走看看