简述用divcss布局的步骤，使用div+css布局有哪些优点

如何用DIV+CSS进行网页样式布局

1、以下是进行CSS设计时的几个小技巧 DIV CSS网页布局若有疑问立即检测 在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用，请见http：//validator.worg。

2、首先，在一个新的HTML文件里面书写一个id为box的div，这个box作为最大的容器，并且里面存放了两个子div，分别是box1和box2。

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

4、最外边加一个div，然后设置此div的margin为0 auto即可。

5、设置div的样式接下来在style标签设置div的样式，在solid类中将边框样式设为实线边框，颜色这里用默认的黑色。保存html代码保存html代码使用浏览器打开，即可看到浏览器页面上显示一个实线边框。

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

相关问答

Q1: 简述CSS+DIV布局的常用方法。

最一般的布局方式是头部、主体部分、尾部，类似于word文档的页眉、文档主体内容、页脚的分布。

DIV+CSS布局中自适应高度的解决方法要从固定的、基于像素的设计方法转到弹性的、相对的设计方法并不容易。

在桌面建立一个index.htm的文件和main.css的文件，当然你也可以不用main.css的文件，但是为了方便操作，还是建一个吧。只要把记事本另存为就可以了。

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

Table表格布局中，垃圾代码会很多，一些修饰的样式及布局的代码混合一起，很不利于直观。而Div更能体现样式和结构相分离，结构的重构性强。

Q2: 怎么进行divcss网页布局

使用DIV+CSS布局的基本理念是：将页面用Div分块；设计各块的位置。使用CSS来定义样式。一般使用div id=id选择符的方式。

或者我们也可以给box1设置左浮动（left），然后box2设置右浮动（right）。这样，蓝色div就会浮动到左边，而黄颜色的div就会浮动到右边。总而言之，浮动布局非常方便灵活，要灵活使用。

DIV用法的语法 div内容/div div作为html网页中常用的标签，其默认样式是独占一行，其CSS样式需要重新赋予。比如对div宽度、高度等样式设置、内部字体大小、字体颜色都需要通过CSS来实现。

Q3: 新手学div+css的基础步骤

使用Dreamweaver的代码模式来编写DIV和CSS。对于网页设计初学者来说，直接使用记事本、Notepad等工具来书写代码很困难。因为Dreamweaver的代码模式有提示功能，可以在保证语法编写的正确性。并且对不熟悉的语法可以一次性书写正确。

和你说说学习的步骤。了解html 学习CSS 在实践中逐渐掌握和积累合理布局的技巧 其实html和css都很简单，说不上什么语法，定义和写法都一个样，只是代码不一样而已，死记住就行了。主要是运用技巧。

学习一下基本知识。包括html基本知识，然后再学习一下CSS基本语法。（两天）实践开始，在网上搜索div+css教程，有一个十天学会div+css，写的比较全面，内容层次性强。

了解css样式表：元素内嵌样式表；文档内嵌样式表；使用外部样式表。这里你需要用到的其实几乎只有第3个。

学习CSS必须先学会Dreamweaver或者其他的编写代码的软件，不过推荐使用DW，一则比较容易上手，而来你编写CSS代码也比较方便。

最基础的还是需要了解下，比如什么是盒子模式，这个可以说是DIV排版的核心所在。再就是CSS几个常用的属性，例如：float、padding、margin、overflow、display、position、z-index、clear。其它一些如果你常写表格基本相同的。

Q4: 怎么用css+div布局一个网页!具体的思路是怎么样的?先后顺序是怎么...

1、div是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是div固有的唯一格式表现。可以通过div的class或id应用额外的样式。不必为每一个div都加上类或id，虽然这样做也有一定的好处。

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

3、大框里面写ulli三行三列共9个li紧密排列好。宽高都设定一样。一定和外大框配合好。每个li敲定属性为右边和下边1px黑色.只要你把握好比例就可以实现。

4、DIV＋CSS网页布局：第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。

Q5: cssdiv布局技巧?

1、方法一：使用绝对布局位置：absolutefordiv并设置top、left、right、bottom的值相等，但不一定都等于0；并设置边距：自动。方法二：这个方法需要知道div的宽度和高度。

2、或者我们也可以给box1设置左浮动（left），然后box2设置右浮动（right）。这样，蓝色div就会浮动到左边，而黄颜色的div就会浮动到右边。总而言之，浮动布局非常方便灵活，要灵活使用。

3、首先设置要了解网页页面布局框架结构，设定宽高和边框，以及设置好class或者ID名称。打开Dreamweaver CS5，点击新建HTML。根据设定的网页布局，设置div网页结构。添加div标签的class名称，这里也可以使用ID类名。

4、可以利用CleanCSS来检查CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。确定错误发生的位置假如错误影响了整体布局，则可以逐个删除div块，直到删除某个div块后显示恢复正常，即可确定错误发生的位置。

5、DIV+CSS是网站标准（或称“WEB标准”）中常用术语之一，div+css 是一种网页的布局方法，这一种网页布局方法有别于传统的HTML网页设计语言中的表格（table）定位方式，真正地达到了w3c内容与表现相分离。

关于简述用divcss布局的步骤和使用div+css布局有哪些优点的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。