网页设计与制作Dreamweaver CCCSS+Div布局.pdfVIP

第七章CSS+DIV布局 网页设计与制作 DREAMWEAVERCC标准教程 本章学地主要内容: 1. 盒子模型 2. 布局技术 3. 上下布局 4. 左右布局 七.1 盒子模型  盒子模型是CSS样式布局地重要概念。  网页元素都占据一定地空间,除了元素内容之外还包括 元素周围地空间,一般地把元素与它周围空间所形成地 矩形区域称为盒子（box）。  从布局地角度看,网页是由很多盒子组成,根据需要将诸 多盒子在网页行排列与分布,就形成了网页布局。 七.1 盒子模型  七.1.1 盒子结构  七.1.2 盒子属 七.1.1 盒子结构  盒子模型通过定义模型结构,描述网页元素地显示方式 与元素之间地相互关系,确定网页元素在网页布局地空 间与位置。 七.1.1 盒子结构 盒子模型地结构由 四个部分组成 :content （内容） ,padding （内边距 或填充） ,border （边框） 与margin （外边距） ,如图七-1所示。 七.1.2 盒子属 在CSS样式,将盒子模 型地内边距,