第一节 元素的定位设置
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="命名锚记名"></标记>