divcss布局的框架，div css布局教程

怎么可以最简单的使用div+css制作网页框架

嵌套效果不不同.有些情况下如果div中嵌套的图片大于外层div的高度，则IE6中对高度的设置始终无效，这时要注意对该css添加overflow属性，overloaw：hidden，则可隐藏超出边界的部分。

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

选择“div标签”命令 打开dreamweaver，新建网页并保存为“die.html”，选择【插入】【布局对象】【div标签】命令，打开“div标签”对话框。

相关问答

Q1: 布局(表格,框架和css+div)有什么区别?

DIV+CSS布局 优点：布局灵活，能够实现样式与结构的完全分离，易于维护，能够有更多的创意；缺点：各个浏览器在解析上存在一定的区别，需要针对不同浏览器进行专门的代码优化。

CSS+DIV布局需要编写大量CSS样式代码来控制各布局DIV层，因此要掌握它相对表格布局会困难一些。

表格设置是为了呈现二维数据的。div+CSS 也就是WEB标准化，能更好的将设计与内容分离。html看起来很简洁。维护起来也很方便的，你只需要改CSS就能改变整个网页的风格。而且代码也便于阅读。这与速度没有多大关系。

div的优势在于布局灵活，便于维护，代码清晰，这对SEO是很有帮助的，实现加快网页解析的速度，缺点是浏览器的兼容，但是通过css hack和JavaScript都可以解决。

Q2: div+css布局的基本流程

嵌套效果不不同.有些情况下如果div中嵌套的图片大于外层div的高度，则IE6中对高度的设置始终无效，这时要注意对该css添加overflow属性，overloaw：hidden，则可隐藏超出边界的部分。

新建一个html页面。在html页面上新建三个div标签，分别为这三个div添加class为：header、main、footer。创建style标签用于设置css样式。在title标签下创建一个style标签，然后为header类设置div的高、背景颜色样式。

/div /body 接着在这个框架下开始写入信息，如logo以及导航信息，以及内容，以及页脚 编写好后，再编写css样式，创建一个style.css的样式，在这个样式表里面写入网页标签的颜色，大小，背景。。

在浏览器上是粉色的，表示已经受到css样式表的控制了。

DIV＋CSS页面布局是web标准中的一种新的布局方式。在这种布局中，div承载的是内容，而CSS承载的是样式。

先用DIV来把导航的位置定下来！ 然后用CSS设置DIV中导航连接的属性，比如颜色下划线等等。 具体怎么做要看你怎么设计了。

关于divcss布局的框架和div css布局教程的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。