项目10 典型页面局部布局.pptxVIP

典型页面局部布局

应用div-ul-li制作导航栏

应用div-ul-li制作导航栏DIVCSSdiv-ul-lidiv-ul-li结构常用于分类导航和菜单的制作

应用div-ul-li制作导航栏

菜单制作具体要求整个菜单在页面水平居中。菜单文字水平垂直均居中：菜单项与菜单项之间隔开3px距离。超链接无下划线、字体颜色为pink、字体加粗、背景色为绿色；每一个菜单项的宽度width：100px高度：30pxa:hover{color:green;background:yellow;}。另外设置鼠标悬停时

应用div-dl-dt-dd制作图文混排页面

掌握div标签的使用方法和属性了解div标签的作用会使用div标签对网页进行分割布局学习目标分区标签div的使用

常用于布局表单的场合。form-table-tr-td常用于图文布局或显示数据的场合；table-tr-tddiv-dl-dt-dd常用于图文混排（编）场合；常用于分类导航或菜单等场合；div-ul-liCSS+DIV典型的布局结构应用div-dl-dt-dd制作图文混排页面

版块用divdt标题dd内容dl列表应用div-dl-dt-dd制作图文混排页面

建立图文布局结构应用div-dl-dt-dd制作图文混排页面

应用div-dl-dt-dd制作图文混排页面建立图文布局结构

应用div-dl-dt-d