p+css布局的基本流程

构思好网站的整体布局结构，一般我们按以下步骤来建设一个网站的页面：顶部部分，其中包括了LOGO、MENU和一幅Banner图片；页面中间部分，那就是我们的主体了，这里就以我们为一客户做的站点为例来说明。

定位布局 静态定位 position：static；默认值，不写position相当于写上position：static；以前没学定位的时候其实都是静态定位，元素在它原本的位置显示，即使加了top、left等也不起作用。

选中DIVb2，点击右侧CSS选项卡下的+号，添加CSS样式定义。在新建CSS规则面板下选择#b2（对应DIV b2的ID），确定。在CSS规则定义面板左侧分类下选择方框，右侧输入对应的数值。

网页设计中采用p+css布局,这里的DIV是什么意思?

DIV是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。DIV在编程中又叫做整除，即只得商的整数。

p布局是：布局是一种网页布局方式，它是将网页内容按照HTML元素的标签进行组织，从而实现页面的布局和样式。p布局基于HTML的语义化标签，通过对不同的p元素进行分类和布局，实现网页的整体结构。

所以把它称作“层次”。所以当看到这些名词的时候，就知道它们是指一段在 DIV 中的 HTML。使用 DIV 的 *** 跟使用其他 tag 的 *** 一样：如果单独使用 DIV 而不加任何 CSS-P， 那么它在网页中的效果和不使用是一样的。

DIV就是网页设计里面的层，CSS就是网页设计中用到的样式控制表，首先采用这种 *** 就是用层来布局用CSS来控制层的表现。

DIV称为区隔标记。作用：设定字、画、表格等的摆放位置。当你把文字，图象，或其他的放在 DIV 中，它可称作为“DIV block”，或“DIV element”或“CSS-layer”，或干脆叫“layer”。而中文我们把它称作“层次”。

p+css 是一种网页的布局 *** ，这一种网页布局 *** 有别于传统的HTML网页设计语言中的代码定位方式，可实现网页页面内容与表现相分离。

网页设计为什么要用DIV布局

p 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 p 固有的特定的格式表现。可以通过 p 的 class 或 id 应用额外的样式。

这些标签是包裹内容作用，有的是起到布局各种各样样式而使用DIV标签，有的是为了内容加粗比如strong标签、表达是标题h1标签。

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

网页设计p布局的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于网页设计p怎么布局、网页设计p布局的信息别忘了在本站进行查找喔。