第八课: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 层的可见性设置 1. AP面板的使用(选择、命名、隐藏、次序) 2. 层的可见性 3. 简单的层特效 1、层的属性设置:属性面板中可以设置每个层的显示状态 也可以在“AP元素”中设置每个层的可见性,名称和显示顺序。 2、添加层可见性的控制:点击“窗口—行为”,使行为窗口可见 选中控制层显示的目标,在行为面板中选择“显示-隐藏元素” 选中需要控制的对象,点击“显示-确定” 选择显示的动作“onclick点击” 选中控制层隐藏的目标,同样的方式添加隐藏行为,选择隐藏的动作“onclick点击” 如果想让鼠标在点击显示或隐藏行为的时候出现“小手”效果,可添加一个空链接 8-4 层的溢出与裁切 在层内添加文字内容时,文字...