网页设计div位置布局（网页设计div布局作业container代码）
本文目录一览：
div+css布局的基本流程
使用DIV+CSS布局的基本理念是：将页面用Div分块；设计各块的位置。使用CSS来定义样式。一般使用div id=id选择符的方式。
拓展知识：具体来说，div布局是一种将网页内容划分为多个区域的方式，每个区域通过不同的div标签来标识，通过CSS进行样式设计。它利用HTML文档流的控制方式，使得内容在不同的浏览器上具有较好的一致性。
css盒模型是重点。如果您会用表格布局的话，就非常好理解和掌握了。这里的盒模型是和table布局的一个不同点。学 习web标准，首先要弄懂的就是这个盒模型，这就是DIV排版的核心所在。
DIV布局一般是和CSS一块搭配使用的，DIV布局内容，CSS来控制内容的表现（比如说多宽，多长，要不要动态显示，这样的）。
对于同一个页面视觉效果，采用DIVCSS重构的页面容量要比TABLE编码的页面文件容量小得多，代码相对而言是很少的，浏览器加载的不多，故而速度相对较快。
background 属性：通过设置 background 属性，可以为 div 元素设置背景颜色、图片或渐变效果。border 属性：通过设置 border 属性，可以为 div 元素设置边框样式、宽度和颜色。
如何用DIV+CSS进行网页样式布局
使用cssfloat并排显示：对div设置一个float浮动属性即可解决不并排显示，只要并排div盒子总宽度小于或等于最外层盒子宽度即可实现多个div对象并排显示。加float浮动实现多个div并排显示。
选择“div标签”命令 打开dreamweaver，新建网页并保存为“die.html”，选择【插入】【布局对象】【div标签】命令，打开“div标签”对话框。
新建一个html文件，命名为test.html，用于讲解div+css布局的基本流程。在test.html文件内，对body进行样式初始化，设置外边距margin为0，内边距padding为0，同时使用text-align设置文字居中。
DIV + CSS布局相关内容 DIV+CSS布局样式详解a 符合 W3C标准，微软等公司均为 W3C支持者。
在浏览器上是粉色的，表示已经受到css样式表的控制了。
