5_CSS+DIV布局.pptVIP

CSS+DIV布局简单介绍 目标 了解CSS排版观念 掌握常用的几种排版方法 理解div排版与传统的表格排版的区别 * 概述 CSS排版观念 固定宽度且居中的版式 左中右排版 块的背景色问题 div排版与传统的表格方式排版的分析 * CSS排版观念 将页面用div分块 * div id=container div id=bannerbanner/div div id=content div class=blog div class=datedate/div div class=blogcontent /div /div div class=othersothers/div /div CSS排版观念 设计各块的位置 * CSS排版观念 用CSS定位 * body { margin:0px; font-size:13px; font-family:Arial; } #container{ position:relative; width:100%; } #banner{ height:80px; border:1px solid #000000; text-align:center; background-color:#a2d9ff; padding:10px; margin-bottom:2px; } #conte