首页 养生问答 疾病百科 养生资讯 女性养生 男性养生

关于网页切割和html, css, DIV的问题

发布网友 发布时间:2022-04-25 15:30

我来回答

7个回答

热心网友 时间:2022-04-20 20:11

对于新的CSS+DIV 模式最重要的应用就是可以把DIV 搞成绝对定位,从而可以实现在页面上自由移动.我做了这么久的网页开发,从来没有一个页面完全用CSS和DIV实 其中 大框的布局 必用TABLE.所谓的TABLE浪费系统资源 是指 大规模的表和表套表 会占用太多资源.如果你*表的数量并且在单元格少的情况下,表仍然是最佳的选择.当前DIV+CSS 并不完善,BUG很多,比如DIV中实现文字的自动换行,如果DIV的大小被动态的改变了文字就会溢出,这种BUG至今为止根本无法解决,只能选择TABLE,还有很多BUG 这里就不一一列出了.
如今最佳解决方案就是整体布局扔然由TABLE组成,并且尽量的*TABLE的行和列数量.而个别需要特殊定位的东西 用DIV的绝对定位来实现. 这样就可以省去很多不必要的小表格和表套表,已经解决了原来单一靠表定位的带来的弊端.这是最省时间最便捷的解决方案..
了解DIV定位主要就是两件事,一个是 相对定位 也就是 positon:relitave 这时 left top所表示的值是 DIV相对于 本来应该在HTML流中的位移.
另一个绝对定位 positon:absolute 这里LEFT top所表示的值是 相对于父容器的位移.
你说的那几个特别clear left, float left, 根本就不是定位用的.
DIV 定位 只要高清楚三个属性的配合使用就可以了 即:positon left top.. 其他的现在可以暂时忽略.

热心网友 时间:2022-04-20 21:29

或者自己给主要内容的div加滚动条 你有设置css样式么 控制宽 有多种原因,还是需要看到源代码和CSS文件。 贴出整体源码来

热心网友 时间:2022-04-20 23:03

切割方面我们需要的工具是:firework(Fw)或者PS就可以,利用WEB剪切就可以将图片切割好。

制作就是DW(dreamweaver)

操作:

新建一个HTML页面,然后建立站点。

在站点建立css、image、js文件夹用于以后放文件

一切都要在有制作好的图片和规划后开始实行。

有什么效果不会的,可以询问百度经验。

热心网友 时间:2022-04-21 00:55

总体上看它的布局分为2个部分,导航一个、ABCDEF一个。然后ABCDEF又分为2个部分 ABCDE和F这俩个,ABCDE又分为上下2个ABCD和E俩个部分,ABCD分为2部分,左A右BCD俩个部分,BCD分为上中下三个部分。弄清楚布局 网站就好做多了

热心网友 时间:2022-04-21 03:03

<div id='wrapABCDEF'>
<div id='wrapABCDE'>
<div id='wrapABCD'>
<div id='A'>
</div>
<div id='wrapBCD'>
<div id='B'>
</div>
<div id='C'>
</div>
<div id='D'>
</div>
</div>
</div>
<div id='E'>
</div>
</div>
<div id='F'>
</div>
</div>

div全部是float:left;
然后每个id控制width就可以了。

热心网友 时间:2022-04-21 05:27

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<style type="text/css">
*{margin:0;padding:0;}
body{text-align:center;font-size:36px;}
#wrapper{width:980px;height:auto;overflow:hidden;margin:0 auto;padding:5px;border:#000 solid 1px;}
#l_abcde{width:700px;height:auto;overflow:hidden;float:left;}
#a{width:488px;height:560px;float:left;border:#000 solid 1px;margin-bottom:5px;}
#bcd{width:200px;height:560px;float:right;margin:0 5px;}
#b{height:173px;border:#000 solid 1px;}
#c{height:173px;border:#000 solid 1px;margin-top:5px;}
#d{height:199px;border:#000 solid 1px;margin-top:5px;}
#e{width:693px;height:233px;border:#000 solid 1px;clear:both;}
#r_f{width:278px;height:800px;float:right;border:#000 solid 1px;}
</style>
</head>
<body>
<div id="wrapper">
<div id="l_abcde">
<div id="a">aaa</div>
<div id="bcd">
<div id="b">bbb</div>
<div id="c">ccc</div>
<div id="d">ddd</div>
</div>
<div id="e">eee</div>
</div>
<div id="r_f">fff</div>
</div>
</body>
</html>

热心网友 时间:2022-04-21 08:09

一楼复制党,二楼坑爹,看得我都笑…

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com