zoukankan      html  css  js  c++  java
  • html 标签的使用

    1.background-position 当一张背景图有多个logo可用来定位到某个logo。

    比如一张图(540 x 360)有两排logo每排三个。每个logo的宽为540/3=180px,高为360/2=180px。以图的左上角为原点,水平向右为正x,垂直向下为正y,其他方向均为负。

    举例1:background-position:-180px 0    将图片移到第一排第二个logo的位置(第一个属性是x第二个属性是y,可以看作原点不动将图片水平向左移动180像素)

    举例2:background-position:-180px -180px    将图片移到第二排第二个logo的位置(第一个属性是x第二个属性是y,可以看作原点不动将图片水平向左移动180像素再向上移180像素)

    2.position 元素定位样式,下面讲这个相对定位和绝对定位

    相对定位:position: relative;  相对自身原始位置定位,不影响其他元素的位置

    绝对定位:position: absolute; 不参与文档流中,设置left,top,bottom,right的值时是相对外层容器的上下左右边界

                           

  • 相关阅读:
    (第十二周)Bug修正报告
    (第十二周)团队项目19
    (第十二周)新功能WBS
    (第十二周)团队项目18
    (第十二周)团队项目17
    (第十二周)Debug阶段成员贡献分
    (第十一周)工作总结
    学习进度
    第九周
    第八周
  • 原文地址:https://www.cnblogs.com/minss/p/12773846.html
Copyright © 2011-2022 走看看