使用div布局整个页面（div布局实例）

本文目录一览：

• 1、html设计整个网页居中,两边留白代码是什么??
• 2、整个网页面用一个DIV包含起来好不好
• 3、用DW做网页。使用DIV布局。怎么让做出的整个网页水平居中对齐啊。_百度...
• 4、简述采用div+css技术进行页面布局的基本步骤
• 5、为什么要用div+css来进行网页布局?

html设计整个网页居中,两边留白代码是什么??

1、在html中使所有的元素都剧中显示两边留白的最简单的实现方法就是给整体的容器设置一个剧中，例如设置margin：0 auto。

2、解决网页居中及两边留白问题，主要通过HTML代码实现。这里提供三种方法：方法一：使用div元素。创建两个div元素，将背景色设置为白色。将这些div元素放置在网页布局中，分别位于页面的左右两端，即可实现居中和留白效果。方法二：调整网页类样式使其居中显示。

3、在网页设计中，左右两边经常会留白，这个留白主要是为了把PSD图片转换为代码之后，在各种不同大小的浏览器上面适应、比如说你设计的页面只有800px，但是左右两边有留白。

4、很多元素不能准确定位，整个页面就乱了。所以大多数网还是用了折中的办法，就是固了网页宽度。有条件的网站一般会两三个网站副本（页面不能太多的小网站），当用户访问网站时网站自动识别用户的分辨率，网站自动还调用不同的页面。

整个网页面用一个DIV包含起来好不好

1、可以的！这个主div块就是我们平常设定的一个contanier，样式通常为：#contanier{width：90%；height：auto；margin-top：0；padding：0}，然后把平常的内容全部写在这对div里面。

2、首先来说，DIV的好处在于样式与主体内容分离，大量减少网页代码量，使网页下载速度更快。而且对于后期网站维护来说，也是相当便捷的，这是DIV最大的优势。但个人认为，DIV也不一点缺点都没有，比如一个大型且架构复杂的网站来说，采用DIV布局对团队合作来说就是一个不小的折磨。

3、结构清晰。更快的下载速度。易于改版和更新。搜索引擎优化，避免了Table嵌套层次太多无法被搜索引擎抓取的问题；而且简洁、结构化的代码更加有利于突出重点和适合搜索引擎抓取。

4、但是Table构图代码比Div+CSS多，网页文件大。网页文件大，就下载慢，下载慢就影响浏览者的耐心。不耐心了就会离开，离开就会失去用户。网页失去用户，没人去，广告收入就少。（2）Table做一个直线很难的，要嵌套2个表格。而Div+CSS就简单了，用border：1px soli #ccc；就能做出来了，简单。

5、搜寻引擎是从上到下搜寻引擎是从上到下，从左到右访问网站资讯的，我们在研究那些大的网站的时候发现，整个网页程式码被很多注释所包围，这些注释有两个好处：一是便于技术员对整个程式码的调节；二是便于SEO人了解关键内容的位置，便于调整。

用DW做网页。使用DIV布局。怎么让做出的整个网页水平居中对齐啊。_百度...

在body中加入style=text-align：center 如body style=text-align：center；在最外层的div中加入style=margin：0 auto； 如div style=margin：0 auto；。

利用DW新建一个html文件，并在head中添加样式表【style type=text/css/style】。在body中添加一个DIV，并引入一个CSS，命名为【aaa】。给这个DIV添加背景色，并定义它的宽和高，命令的代码是【background： #FA2；width： 400px；height： 600px；】。

先新建一个html文件，并在head中添加样式表【】。在body中添加一个DIV，并引入一个CSS，命名为【aaa】。给这个DIV添加背景色，并定义它的宽和高。【background：#FA2；width：400px；height：600px；】。然后添加如下代码。【position：fixed；left：50%；top：50%；z-index：10；】。

简述采用div+css技术进行页面布局的基本步骤

采用div+CSS技术进行页面布局的基本步骤：确定页面结构和内容 创建基本的HTML结构 使用div元素创建页面的主要结构，每个div代表一个页面元素，如头部、导航栏、主要内容区、侧边栏、底部等。这样可以建立一个基础的页面骨架。使用CSS进行样式设计 接下来，通过CSS来定义每个div的样式。

新建一个html文件，命名为test.html，用于讲解div+css布局的基本流程。在test.html文件内，对body进行样式初始化，设置外边距margin为0，内边距padding为0，同时使用text-align设置文字居中。在test.html文件内，为了讲解方便，设置所有的div高度为200px，内容的颜色为红色。

新建一个html文件，命名为test.html，用于讲解div+css布局的基本流程。在test.html文件内，对body进行样式初始化，设置外边距margin为0，内边距padding为0，同时使用text-align设置文字居中。div+css布局现在是主流，能提高网页加载速度，提高后期代码维护效率。

为什么要用div+css来进行网页布局?

1、使用原因：符合W3C标准，可保证开发的网站不会因为将来网络应用的升级而被淘汰；使用DIV+CSS布局，页面代码精简，页面体积变小，使页面加载速度得到很大提高，则用户点击页面的等待时间就越少，增加用户体验性，进而提高网站排名。

2、精简代码让蜘珠爬得更舒服 使用DIV+CSS布局，页面代码精简，这一点相信对XHTML有所了解的都知道。解决表格嵌套让蜘珠触角无数不大 使用Table布局，为了达到一定的视觉效果，不得不套用多个表格。

3、有时可以称其为图层。DIV元素是用来为HTML（标准通用标记语言下的一个应用）文档内大块（block-level）的内容提供结构和背景的元素。定义：div可定义文档中的分区或节（division/section）。div标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。