CSS定位锚点

第一节 元素的定位设置

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.命名锚记链接
    语法:

你可能感兴趣的:(CSS定位锚点)