一、div+css进行网页布局的三种方式是哪三种
div+css标准准确来说是xHTML+css，布局用到多个标签，不单止是div一个，布局是div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em这些相互配合使用~~~
二、如何制作简易DIV悬浮框
使用Dreamweaver软件，打开一个已经编辑完成的html页面。然后打开折叠的body标签，在标签的末尾添加一个DIV在DIV里面加入一个img标签，src指向images文件夹中的一张图片这时的div并没有相应的css样式，只处在整个网页的左下角接下来我们就需要将给其添加一定的css样式，为了简便起见，我的css样式就写在页面的body标签里面了。首先我们要让这个DIV的position样式为fixed，意为相对于屏幕定位。然后将top设为20px;right也设为20px;这样我们的div就固定在相对距离屏幕上方和右方分别20个像素的地方
三、css中div的用法
DIV本身就是容器性质的,不但可以内嵌table还可以内嵌文本和其它的HTML代码；CSS是CascADIngstyleSheets的简称，中文译作“层叠样式表单”，在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者所有页数的网页的外观和格式。
Div+CSS标准具有以下优点:1、因为采用CSS布局，不象表格布局充满各种各样的属性和数字，而且很多css文件通常是共用的，从而大大缩减页面代码，提高页面浏览速度。
2、结构清晰，对搜索引擎更加友好。更容易被搜索引擎收录，具备搜索引擎SEO的先天条件，配合优秀的内容和一些SEO处理，可以获得更好的网站排名。
3、兼容性更好，符合web标准规范的发展趋势，可以在几乎所有的浏览器上都可以使用，不会出现在不同的浏览器中效果差距很大的情况。
4、缩短改版时间，因为网站的布局都是通过外部的css文件来控制，只要简单的修改几个CSS文件就可以将许多网页的风格格式同时更新，不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。
5、强大的字体控制和排版能力，CSS控制字体的能力比糟糕的FONT标签好多了，CSS不再需要用FONT标签或者透明的1px图片来控制标题、改变字体颜色、字体样式等等。
6、提高易用性，使用CSS可以结构化HTML，例如：p标签只用来控制段落，h1-h6标签只用来控制标题，table标签只用来表现格式化的数据等等。你可以增加更多的用户而不需要建立独立的版本。
7、更好的扩展性。你的设计不仅仅用于web浏览器，也可以发布在其他设备上，比如PowerPoint等。
8、更灵活控制页面布局，通常页面的下载是按照代码的排列顺序，而表格布局代码的排列代表从上向下，从左到右，无法改变。而通过CSS控制，您可以任意改变代码的排列顺序，比如将重要的右边内容先加载出来。
9、表现和内容相分离，干净利落，将设计部分剥离出来放在一个独立样式文件中，而网页主要来放置您的内容，你可以减少未来网页无效的可能。
10、更方便搜索引擎收录，并获得更高的评价。用只包含结构化内容的HTML代替嵌套的标签，主次分明，搜索引擎将更有效地搜索到你的内容，并可能给你一个较高的评价(ranking)。
11、Table表格布局灵活性不大，你只能遵循tabletrtd的格式。而div你可以divulli也可以olli还可以ulli......
12、Table表格布局中，垃圾代码会很多，一些修饰的样式及布局的代码混合一起，很不利于直观。而Div更能体现样式和结构相分离，结构的重构性强。
13.以前一些必须通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。
四、div+css页面居中代码
网页经常需要将div在屏幕中居中显示，以下几个常用的方法，都比较简单。水平居中直接加上<center>标签即可，或者设置margin:auto;当然也可以用下面的方法
下面说两种在屏幕正中（水平居中+垂直居中）的方法，放上示范的html代码：
方法一：
div使用绝对布局，设置margin:auto;并设置top、left、right、bottom的值相等即可，不一定要都是0。
.main{
text-align:center;/*让div内部文字居中*/
background-color:#fff;
border-radius:20px;
width:300px;
height:350px;
margin:auto;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
效果如图：
方法二：仍然是绝对布局，让left和top都是50%，这在水平方向上让div的最左与屏幕的最左相50%，垂直方向上一样，所以再用transform向左（上）平移它自己宽度（高度）的50%，也就达到居中效果了，效果图和上方相同。
.main{
text-align:center;
background-color:#fff;
border-radius:20px;
width:300px;
height:350px;
position:absolute;
left:50%;top:50%;
transform:translate(-50%,-50%);
}
方法三：对于水平居中，可以使用最简单的<center>标签，不过已经过时了，用法如下：<p><center>123</center></p>
这个<center>标签就是相对于<p>标签里的文字，可以使其居中。
由于center标签已经过时了，所以正规一点的话还是不建议使用的，可以使用如下的方式代替：<p>123</p>
感谢您的阅读！希望本文对解决您关于div css制作简单网页的问题有所帮助。如果您还有其他疑问，欢迎随时向我们提问。
