第5章Div+CSS布局方法分析.ppt

5.1 Div布局理念 5.2 CSS盒模型 5.3 CSS的定位 5.4 浮动与清除浮动 5.5 CSS常用布局样式 5.6 Div+CSS布局综合案例 第5章 Div+CSS布局方法 5.1.1 Div布局页面的优点 采用Div+CSS布局方式的优点如下： ? 缩减了页面代码，提高了页面的浏览速度。 ? 缩短了网站的改版时间，设计者只要简单地修改CSS文件就可以轻松地改版网站。 ? 强大的字体控制和排版能力，使设计者能够更好的控制页面布局。 ? 表现和内容相分离，设计者将设计部分剥离出来放在一个独立样式文件中，减少了网页无效的可能。 ? 方便搜索引擎的搜索，使用只包含结构化内容的HTML代替嵌套的标签，搜索引擎将更有效地搜索到用户的内容。 ? 用户可以将许多网页的风格格式同时更新。 5.1 Div布局理念 5.1.2 Div标签 1．Div标签简介 与SPAN不同的是，div是一个块级元素，普通div（不加CSS效果的情况）相当于p…/p，只是前后不会自动换行。 2．Div的嵌套 Div标签是可以被嵌套的，这种嵌套的Div主要用于实现更为复杂的页面排版。下面以两个示例说明嵌套的Div之间的关系。 【演练5-1】未嵌套的Div容器. 【演练5-2】嵌套的Div容器 。 5.1 Div布局理念 3．Div标签与Spa