使用HTML开发商业网站-DIV+CSS布局布局及常用属性课件.pptx

使用HTML开发商业网站 布局及常用属性 布局概述 为什么要应用布局？ 布局概述 阅读报纸时会发现，虽然报纸中的内容很多，但 是经过合理地排版，版面依然清晰、易读。 1.确定版心 什么是版心？以某教育网站首页为例： 布局概述 布局概述 2.分析页面中的模块 布局概述 3.控制网页的各个模块 布局常用属性 应用排列 图文排列 论坛分享 布局常用属性 什么是浮动？ 布局常用属性 布局常用属性 属性值 描述 left 元素向左浮动 right 元素向右浮动 none 元素不浮动（默认值） 布局常用属性 为什么要清除浮动？ 布局常用属性 布局常用属性 如何清除浮动？ 布局常用属性 运用clear属性清除浮动 属性值 描述 left 不允许左侧有浮动元素（清除左侧浮动的影响） right 不允许右侧有浮动元素（清除右侧浮动的影响） both 同时清除左右两侧浮动的影响 常用属性值 布局常用属性 布局常用属性 空标签 overflow after伪对象 在浮动元素之后添加空标签，并对该标签应用“clear:both”样式，可清除浮动。这个空标签可以为