网页布局排版

网页中DIV+CSS盒模型是怎么组成的?

网页中DIV+CSS盒模型组成,首先需要理解div,可以将其想像成一个大的盒子,它有border,padding,margin这些属性,会table布局的话,其实对于这个更好理解,看下盒子模型如图:现在的布局就是使用多个的div去布局,就是类似于嵌套,具体可以看下代码:<html><head><style> body{ width:960px;        //限定网页的宽度 margin:0 auto;      boreder:1px solid #f00     //加个边框利于观察 } #header{ height:150px; width:960px; } #content{ height:500px; width:960px; } #footer{ height:150px; width:960px;} </style></head> <body><div id='headr'><p>我是头部区域</p></div><div id='content'><p>我是内容部区域</p></div><div id='footer'><p>我是底部区域</p></div> </body></html>

简述css语言的作用。。。

(1)在几乎所有的浏览器上都可以使用。   (2)以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。   (3)使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。   (4)你可以轻松地控制页面的布局 。   (5)你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。   想一想,没有使用CSS前我们是如何控制字体的颜色和大小以及所使用的字体的?我们一般使用HTML标签来实现,代码非常烦琐。很难想象,如果在一个页面里需要频繁地更替字体的颜色大小,最终生成的HTML代码的长度一定臃肿不堪。

怎么让网页适应不同分辨率的电脑?

网友们上网通常会采用800×600、1024×768两种分辨率, 网页不是用来给自己看的,所以必须让自己做的网页能够兼顾这两种情况,让不同分辨率设置的网友都能够看到一个排版美观正确的网页。下面就介绍几种常用的方法,特别说明一下除非网站是艺术类的,有特别需求,通常都会首先照顾分辨率设置为800×600的大众化标准。一、 自然拉伸如果你的网站结构没有用到大量的图形来衔接,主要由表格来定结构,那么你就可以使用该方法。非常适用于主要由表格、文字来表达信息的简单的网页页面。制作表格时,只要你把表格的宽度属性定义为100% ,表格就会根据分辨率的不同自行调整宽度。二、 固定居中在800×600分辨率下制作的网页在1024×768分辨率的机器上打开,整个网页就会跑到左边;1024×768分辨率的网页在800×600分辨率的机器上有时也会变得"不堪入目"。两种分辨率各做一个吧?做起来费劲。所以目前普遍采用的方法是固定居中法!现在大多数网民都还在用800*600的分辨率,所以我们一般可以以此分辨率为主。只要在网页原代码的<body>后紧加一句<center>,</body>前加一句</center>就OK了。不过有几个问题这是要注意一下,第一个要注意的是上面说到的百分比的问题,表格、单元格的宽度单位最好要使用像素单位,而不要用百分比。例如width=770。如果你的表格宽度设的是百分比,那么使用大于800×600的像素时,网页就会拉宽,这样网页可能会变形。在<body>中加入leftmargin=0,即<body leftmargin=0>这种情况下,800×600支持的表格宽度为780像素时不会出现滚动条。还有一点要注意的是不能用DW中的层来定位。三、 兵分两路如果你的网页不经常更新,而且对页面效果极其在意,那好,你就设计两个页面,分别对应800×600和1024×768两种分辨率。然后根据不同的分辨率进行跳转就行了。例如: <script LANGUAGE="JavaScript">function redirectPage() {var url_else = "http://www.163.com/";var url_800x600 = "http://www.sohu.com/";var url_1024x768 = "http://www.sina.com.cn/";var url_1366x768 = "http://www.qq.com";if ((screen.width == 800) && (screen.height == 600))window.location.href= url_800x600;else if ((screen.width == 1024) && (screen.height == 768))window.location.href= url_1024x768;else if ((screen.width == 1366) && (screen.height == 768))window.location.href= url_1366x768;elsewindow.location.href= url_else;}</script>

div+css布局网页缩放后排版都乱了,怎么解决?

如果布局的宽度都设置的固定值肯定会变乱。如果把宽度设为百分比呢

html网页设计的排版布局

创新不是说出来的,是要靠自己做出来的。所用的知识都是那些。就看你怎么应用罢了。 我知道,可是呢个网页我可以做出来,就是没有思路,怎么排版布局,做的呢不太一样 布局是自己设计,要完成这个设计还是很简单的。 可是现在没有思路,不知道怎么设计,你指导下啊, 可是现在没有思路,不知道怎么设计,你指导下啊, 要想有创新,别人指导不了。 好吧,我想想,呢你能不能告诉我卡姿兰官网上的呢些小字是怎么弄的,需要什么代码??? 没有发现什么小字。直接输出就可以了。 右上角有小字的,呢要在哪里输入啊?? 代码中 我知道,是那一行代码??在html里,还是css里 html,哪一行不知道你是说什么小字

html网页设计的排版布局

创新不是说出来的,是要靠自己做出来的。所用的知识都是那些。就看你怎么应用罢了。 我知道,可是呢个网页我可以做出来,就是没有思路,怎么排版布局,做的呢不太一样 布局是自己设计,要完成这个设计还是很简单的。 可是现在没有思路,不知道怎么设计,你指导下啊, 可是现在没有思路,不知道怎么设计,你指导下啊, 要想有创新,别人指导不了。 好吧,我想想,呢你能不能告诉我卡姿兰官网上的呢些小字是怎么弄的,需要什么代码??? 没有发现什么小字。直接输出就可以了。 右上角有小字的,呢要在哪里输入啊?? 代码中 我知道,是那一行代码??在html里,还是css里 html,哪一行不知道你是说什么小字

建站需求填写

采购需求填写

采购需求

采购产品:
联系人:
* 联系电话:
公司名称:
补充说明:
* 验证码:
提交