《DIV样式和设置.ppt

* 《网页设计教程》 * 《网页设计教程》 网页制作应用教程 2012.11 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 创建DIV标签 DIV标签操作和设置 应用实例 本节讲堂： DIV标签和设置 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 1、创建DIV样式 了解的知识点： DIV标签简介 DIV与TABLE对比 创建DIV标签 层视图的基本组成 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 1.1DIV标签简介 DIV（层）是一个块级元素，是一种网页元素定位技术，用来为HTML文档内块（block-level）的内容提供结构和背景的元素，DIV以像素为单位实现页面元素的精确定位。 DIV中的元素可以包含文本、图像或其它html文档等，通过DIV可以对页面元素进行重叠和更为复杂的布局，使网页页面布局（设计）从二维平面扩展到三维立体。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 1.2 DIV与TABLE对比 相同点 不同点 DIV 页面布局 绝对定位 三维布局 灵活、复杂、不易掌握 技术要求高、开发周期长、后期维护不便 TABLE 相对定位 二维布局 简单、方便、容易上手 简单、易用、维护方便 如附件1所示 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 1.3 创建DIV标签 操作：插入-布局对象-DIV标签 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 1.3 创建DIV标签 操作：插入-布局对象-层 层是DIV标签的特殊形式。div id=Layer2/div Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 1.4层视图的基本组成 选择柄 调整柄 DIV元素（块区间) Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 2、DIV标签操作和设置 了解的知识点： “层”面板操作：选择、移动和对齐层 “层”属性设置 DIV和表格的转换 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 2.1层面板操作 “层”面板是对层进行管理的场所，可以方便地查看层的结构。要显示或隐藏“层”面板，可选择[窗口]?[层]菜单命令或按【F2】键。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 2.1层面板操作：选择 选择单个层： （1）在文档编辑区中单击层边框。 （2）在层中单击鼠标左键，再单击该层的选择柄。 （3）在“层”面板中单击要选择的层的名称。 （4）按住【Ctrl+Shift】键并在层中单击即可选择层。 选择多个层 （1）按