美文网首页
CSS定位锚点

CSS定位锚点

作者: 冰land | 来源:发表于2018-06-24 14:44 被阅读8次

第一节 元素的定位设置

position属性

position属性:定义建立元素布局所用的定位机制
说明:

  • static:默认值。没有定位,元素出现在正常的流中(忽略top、bottom、left、right或者z-index声明)。
  • absolute:生成绝对定位元素,相对于static定位以外的第一个父元素进行定位。元素的位置通过letf、top、right、bottom属性进行规定。
  • relative:生成相对定位的元素,相对于其正常位置进行定位。
  • fixed:生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过letf、top、right、bottom属性进行规定。

z-index属性

z-index属性:检索或设置对象的层叠顺序
语法:{z-index:auto/number;}
说明:
auto:默认值。遵从其父对象
number:无单位的整数值。可为负数
较大number值的对象会覆盖在较小number值的对象之上。如两个绝对定位对象的此属性具有相同的number值,那么将依据他们在HTML文档中声明的顺序层叠。
此属性仅仅作用于postion属性值为relative或absolute的对象。

第二节 锚点链接

锚点链接:是网页制作中超级链接的一种,又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍。
设置锚点链接地方法:

  1. 给元素定义命名锚记名
    语法:<标记 id="命名锚记名"></标记>
    2.命名锚记链接
    语法:<a href="#命名锚记名称"></a>

相关文章

  • CSS定位锚点

    第一节 元素的定位设置 position属性 position属性:定义建立元素布局所用的定位机制说明: stat...

  • 使用CSS3解决锚点跳转内容被遮盖的问题.md

    使用CSS3解决因“固定定位”造成页面内锚点跳转内容被遮盖的问题

  • 2019-07-02 overflow 与锚点定位

    overflow 与锚点定位 锚点,通俗点的解释就是可以让页面定位到某个位置的点。 基于URL 地址的锚链实现锚点...

  • HTML基础学习

    1.1 锚点定位 (难点) 通过创建锚点链接,用户能够快速定位到目标内容。 创建锚点链接分为两步: 1.2 bas...

  • hash锚点定位偏移问题之用js方法解决

    当我们使用a标签做锚点定位的时候,如果有做固定顶部导航栏的话,直接定位到锚点的时候,会发现定位的位置相较于锚点往下...

  • HTML-锚点定位

    在HTML中使用锚点连接,用户可以快速定位到目标内容。创建锚点定位分成两步:1、定义锚点连接: 2、设置连接id

  • 前端实现滚动到顶部的三种方式

    css, html, dom 创建测试页面 锚点方式 使用页面的锚点链接进行滚动: 直接滚动 使用 window ...

  • 8、定位锚点

    .fu2{width: 200px;height: 200px;background: #f9c;margin: ...

  • String对象方法

    anchor() 方法 用于创建HTML锚 样式方法 为字符串添加CSS样式 charAt() 方法 可返回指定位...

  • iview 锚点爬坑 && vue 锚点

    在vue中实现锚点定位效果 iview的锚点 原生锚点实现 iview爬坑点 且需要把滚动容器的id或者class...

网友评论

      本文标题:CSS定位锚点

      本文链接:https://www.haomeiwen.com/subject/jfijyftx.html