DIV+CSS实现典型的局部布局.pptVIP

Chapter 本章任务 制作贵美首页 本章目标 使用div-ul-li实现局部布局 使用div-dl-dt/dd实现局部布局 练习——制作贵美首页顶部导航部分 需求说明： 使用ul-li结构实现贵美网站的顶部导航菜单 共性问题集中讲解 小结 选择器常用符号 空格 , # . : 选择器的组合 li. div# # . # . , 典型的局部布局结构 div-ul(ol)-li：常用于分类导航或菜单等场合 div-dl-dt-dd：常用于图文混编场合 table-tr-td：常用于图文布局或显示数据的场合 form-table-tr-td：常用于布局表单的场合 HTML标签中，学过哪些典型的块状布局结构？ div-ul-li局部布局 应用场合 产品的分类导航 菜单导航 实现TAB切换 制作贵美首页的主导航菜单6-1 实现思路 布局结构分析 CSS样式分析 制作贵美首页中主导航菜单 制作贵美首页的主导航菜单6-2 实现步骤 先建立HTML标签组织结构 建立CSS样式表，逐一添加各类样式 测试样式细节 演示示例1：制作贵美首页的主导航菜单 style type=text/css #header { background-image:url(images/h_bg.jpg); //设置背景图片 background-repeat:no-repeat; w