div+css的网站构架，使用div css制作网站

DIV+CSS网页布局求解(有图)

如果想像我的效果图一样铺满整个屏幕可以加入以下代码。style type=text/cssbody{height：100%； margin：0px； padding：0px；}/style每个div，都有父容器。body就是最根源的父容器。

Float属性是DIV+CSS布局中最基本也是最常用的属性，用于实现多列功能，div标签默认一行只能显示一个，而使用Float属性可以实现一行显示多个div的功能，最直接解释方法就是能实现表格布局的多列功能。

第float属性：DIV（层）默认是占据一整行，对于常见的两列或多列布局的设计，需要能够正确设置float及width属性实现效果。多列布局结束后如果跟了一个占据通栏的层，此时需要设置clear属性清除层浮动。

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

这样就让该div随屏幕(浏览器)宽度变化而变化了。

是CSS和做图结合，用PS什么的画一个有圆弧的边框。你可以直接画一个完整的圆角矩形，用一句background：url(图片地址)铺设到DIV上，这是长宽固定的。

相关问答

Q1: DIV+CSS总结:有用的3个网页制作技巧

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

取消class和id前的元素限定当你写给一个元素定义class或者id，你可以省略前面的元素限定，因为ID在一个页面里是唯一的，鸩las s可以在页面中多次使用。你限定某个元素毫无意义。

css技巧分享：如何用css制作横向二级下拉菜单 工具/材料记事本 浏览器 打开Notepad，先输入一个页面框架。好了，接下来就该定义页面的标题、关键词、描述了。

DIV：这个是网页HTML的标签，通常我们在HTML代码中使用DIV标签配合应用CSS类布局网页。

为例：align=center可选值：center ； left ； right 。决定字、画、表格等居中、靠左或靠右。DIV align=center 的作用和居中标记 CENTER一样，前者是由 HTML0 开始 的标准，后者是通用己久的标示法。

Q2: 求dw网页框架代码,布局方式采用DIV+CSS的布局方式,附件为导航栏格式...

1、导航部分，子导航根据你自己的要求是在子页面显示还是点击下拉菜单，就需要你自己做了，需要用到jquery，Dreamweaver也自带了一个spry菜单栏，你也看一下。

2、如果你不会编程，可以到很多js源码站，下载、复制导航栏的源代码，粘贴到网页上使用。也有不少网页导航栏制作软件，可以方便地做出需要的菜单，同样可以复制到网页上使用。

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

4、弹出“在插入widget前保存此文档”对话框，点击“确定”根据需要选择您自己喜欢的而已格式，在这里我们就用默认的选项，然后确定即可。以上就是dw制作网页导航栏的步骤。

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

Q3: DIV+CSS网页布局问题

CSS 提供一系列diplay属性值，包括 display： table， display： table-row， display： table-cell 等，能把元素当作表格单元来显示。这是再加上 vertical-align： middle， 就和表格中的 valign=center 一样了。

div标签未关闭这是版面设计失效的最常见原因之一。当我们了解到这是多少精致的版块设计失效的罪魁祸首时，总会大吃一惊。开启的div标签是最普遍的版块设计失误之一，也是最难诊断的失误之一。

据您所贴出来的代码，看不到您的css样式，推测您可能是使用了页面的默认展示模式。如果您对页面显示存在严格要求，您除了要附加css样式之外，还得考虑代码兼容的问题。具体建议您参阅一下：w3c school的相关文档。

容易出现兼容问题的代码尽量不用，能换成更简单兼容性更好的显示方式就不要冒险用你认为更好的语句。慢慢形成自己布局的一种习惯，这样以后在布局页面的时候只要稍微改一点就可以用了。

div+css的网站构架的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于使用div css制作网站、div+css的网站构架的信息别忘了在本站进行查找喔。