第7章--用CSS+DIV灵活布局页面.pptVIP

第7章 用CSS+DIV灵活布局页面 本章内容 7.1 走进DIV 7.2 CSS定位与DIV布局 7.3 CSS+DIV布局的常用方法 7.4 综合实战1——固定宽度且居中的版式 7.5 综合实战2——左中右版式 7.1 走进DIV 7.1.1 创建DIV 7.1.2 为什么要用CSS+DIV布局 7.1.1 创建DIV div简单而言就是一个区块容器标记，可以容纳各种HTML元素。因此，可以把div与/div中的内容视为一个独立的对象，用于CSS的控制。 (7.1.1) 7.1.2 为什么要用CSS+DIV布局 结构清晰化，将内容、结构与表现相分离。 7.2 CSS定位与DIV布局 7.2.1 盒子模型 7.2.2 元素的定位 7.2.1 盒子模型 一个盒子模型是由content（内容）、border（边框）、padding（间隙）和margin（间隔）等4个部分组成。 content padding-top padding-bottom padding-right padding-left border-bottom border-top border-right border-left margin-left margin-right margin-top margin-bottom 7.2.2 元素的定位 1．float定位 2．posit