第12章 使用Div布局页面 单飞的鞋子.pptVIP

机械工业出版社同名教材 配套电子教案 Div布局基础 实训 第12章 使用Div布局页面 12.1.1 Div布局页面的优点 采用Div+CSS布局方式的优点如下： ? 缩减了页面代码，提高了页面的浏览速度。 ? 缩短了网站的改版时间，设计者只要简单地修改CSS文件就可以轻松地改版网站。 ? 强大的字体控制和排版能力，使设计者能够更好的控制页面布局。 ? 表现和内容相分离，设计者将设计部分剥离出来放在一个独立样式文件中，减少了网页无效的可能。 ? 方便搜索引擎的搜索，使用只包含结构化内容的HTML代替嵌套的标签，搜索引擎将更有效地搜索到用户的内容。 ? 用户可以将许多网页的风格格式同时更新。 12.1 Div布局基础 12.1.1 Div布局页面的优点 Div的英文全称为Division，意为“区分”。Div标签是用来定义Web页面的内容中的逻辑区域的标签，用户可以通过手动插入Div标签并对它们应用CSS定位样式来创建页面布局。 使用Div标签的方法与使用其他HTML标签的方法一样。 例如： DivVery excellent webmaster club /Div 如果单独使用Div标签而不加任何CSS样式，那么它在网页中的效果和使用段落标签p…/p是一样的。 Div本身就是容器，用户不但可以嵌入表格，