第八课:AP DIV元素 8-1 创建AP DIV元素 一、创建AP DIV 元素 什么是 Ap Div
AP 元素(绝对定位元素), 是一种 HTML 网页元素,一般称为 “层”
即网页内容的容器,包含文本,图像或其他任何可以在 HTML 文档正文中放入的内容
且可以精确定位在网页中的任何地方
特点: 1、作为容器,可以放置其他网页元素
2、灵活定位
在 CS5 中,系统使用 DIV 标记和 CSS 技术来实现 AP 层对象的效果,所以也称绝对定位的 DIV标记
1、插入 AP DIV 拖动创建AP DIV层 2、AP DIV层的属性设置 选中 AP DIV层 AP DIV层的属性在下方的属性面板设置(自身宽高,距离边框的距离等) 3、光标定位在AP DIV层内,即可输入文字文本; 也可加入图像 注:几乎所有的网页元素都可以加入AP DIV层内 4、AP DIV层在网页内的定位可以直接拖动,也可以输入“左或上”来精确定位 5、AP DIV层的代码 6、AP DIV层与 DIV标签的区别 点击 DIV标签,下方不显示属性面板 8-2 编辑 AP DIV元素 二、编辑 AP DIV 元素 1、调整层的大小 2、层的层次关系 3、层的首选设置 4、层的对齐 实例:课程预览 1、新建HTML,插入AP DIV层,修改层的属性 修改加入的图片大小 想让后添加的AP DIV层与设置好的AP DIV层大小相同,只需要按住Shift键先选中需要调整的AP DIV层,在点击设置好的AP DIV层,然后点击“修改—排列顺序—设置相同宽度(高度)” Z轴的值决定 AP DIV层的上下排序关系 2、直接拉动上方的AP DIV层图标可以创建一个大小一致的层 创建的层的默认大小值可以在“首选参数—AP元素”中修改 AP DIV层的对齐:先选需要移动的层,再选对齐参考目标层 8-3 层的可