DIV样式和设置.ppt
《DIV样式和设置.ppt》由会员分享,可在线阅读,更多相关《DIV样式和设置.ppt(24页珍藏版)》请在三一文库上搜索。
1、网页制作应用教程,2012.11,创建DIV标签 DIV标签操作和设置 应用实例,本节讲堂: DIV标签和设置,1、创建DIV样式,了解的知识点: DIV标签简介 DIV与TABLE对比 创建DIV标签 层视图的基本组成,1.1DIV标签简介,DIV(层)是一个块级元素,是一种网页元素定位技术,用来为HTML文档内块(block-level)的内容提供结构和背景的元素,DIV以像素为单位实现页面元素的精确定位。 DIV中的元素可以包含文本、图像或其它html文档等,通过DIV可以对页面元素进行重叠和更为复杂的布局,使网页页面布局(设计)从二维平面扩展到三维立体。,1.2 DIV与TABLE对比
2、,如附件1所示,1.3 创建DIV标签,操作:插入-布局对象-DIV标签,1.3 创建DIV标签,操作:插入-布局对象-层,层是DIV标签的特殊形式。,1.4层视图的基本组成,选择柄,调整柄,DIV元素(块区间),2、DIV标签操作和设置,了解的知识点: “层”面板操作:选择、移动和对齐层 “层”属性设置 DIV和表格的转换,2.1层面板操作,“层”面板是对层进行管理的场所,可以方便地查看层的结构。要显示或隐藏“层”面板,可选择窗口层菜单命令或按【F2】键。,2.1层面板操作:选择,选择单个层: (1)在文档编辑区中单击层边框。 (2)在层中单击鼠标左键,再单击该层的选择柄。 (3)在“层”面
3、板中单击要选择的层的名称。 (4)按住【Ctrl+Shift】键并在层中单击即可选择层。,选择多个层 (1)按住【Shift】键,在需要选择的多个层中单击,同时“层”面板中选择的层以反白显示。 (2)按住【Shift】键,在“层”面板中单击要选择的多个层的名称。,2.1层面板操作:移动,在网页制作中往往需要精确定位层的位置,这就需要对创建的层进行移动。,(1)移动选择柄; (2)确定X轴和Y轴坐标值,2.1层面板操作:对齐,在网页制作中常常需要将某些层按照一定的规定对齐。在进行层的对齐操作时,嵌套层中所有子层并不参与层的对齐操作,它们只随父层的移动而移动,并始终与父层保持相对的固定位置。 注:
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- DIV 样式 设置
链接地址:https://www.31doc.com/p-2921411.html