定位锚点

第一节 元素的定位设置

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

语法:{position:static/absolute/relative/fixed;}

说明:

static:默认值。没有定位,元素出现在正常的流中(忽略top,bottom,left,right或者z-index声明)。

absolute:生成绝对定位的元素,相对于static定位以外的第一个父元素进行定位。元素的位置通过“left”、“top”

“right”以及“bottom”属性进行规定。

relative:生成相对定位的元素,相对于其正常位置进行定位。

fixed:生成绝对定位的元素,相对与浏览器窗口进行定位。元素的位置通过“left”、“top”、“right”以及“buttom”属性进行规定。

z-index属性:检索或设置对象的层叠顺序

语法:{z-index;auto/number}
说明:
auto:默认值。遵循其父对象
number:无单位的整数值。可为负数
较大number值的对象会覆盖在较小number值的对象之上。如两个绝对定位对象的此属性具有同样的number值,
那么将依据他们在html文档中声明的顺序层叠。
此属性仅仅作用于position属性值为relative或absolute的对象。
第二节 锚点链接
锚点链接:是网页制作中超链接的一种,又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普通。
设置锚点链接地方法:
1、给元素定义命名锚记名
语法:<标记 id="命名锚记名"></标记>
2、命名锚记链接
语法:<a href="#命名锚记名称"></a>

语法:<标记 id="命名锚记名"></标记>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

三日沐水

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值