1、网页设计里,怎样用块div做网页,怎样插入图片,怎样调整图片大小
把图片放到img中,设置图片的宽和高属性,对于div做网页,div可以把网页内容结构组织起来,还需要结合css设置每个div的属性对页面各部分内容进行排版,需要系统学习div+css网页布局。
2、网页设计里面,<div>到底是干什么用的
?
3、网页制作用div怎样布局?
要如何布局,你可以把DIV想象成一块一块,加上height和width,然后在加上背景颜色,就可以看出来回了,然后加上float、position等方答式移动到你想要的位置,就可以了!
网页总体的布局的方法就是这样的,如果要在一个块里面放置元素,这个可以去学习理解盒模型的知识,希望帮助到你!
4、网页设计中,怎么样用div来控制每一块的位置?
CSS position 属性 通过使用 position,我们可以选择 4 种不同类型的定位,这会影响元素框生成的方式。 position 属性值的含义: static 元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。 relative 元素框偏移某个距离。元素仍保持其未定位前的形状,它原本所占的空间仍保留。 absolute 元素框从文档流完全删除,并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭,就好像元素原来不存在一样。元素定位后生成一个块级框,而不论原来它在正常流中生成何种类型的框。 fixed 元素框的表现类似于将 position 设置为 absolute,不过其包含块是视窗本身。
5、网页设计 DIV
差不多了 你把图片自己加上就可以了
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
body{background:#000;font-size:12px;}
.header_box{width:700px;height:50px;background:#fff;filter:alpha(opacity:50);opacity:0.5;-moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;}
.header_box a,.header_box a i{display:inline-block;*display:inline;*zoom:1;line-height:50px;color:#555}
.header_box a i{border:1px solid red;float:left;margin-top:15px;margin-right:5px;}
.header_box .span1{padding-right:20px;}
.header_box .span2{padding-right:200px;}
.header_box .span3{padding-right:20px;}
.header_box .span1 i{width:20px;height:20px;background:url(../images/email.png) no-repeat;}
.header_box .span2 i{width:20px;height:20px;background:url(../images/phone.png) no-repeat;}
.header_box .span3 i{width:20px;height:20px;background:url(../images/login.png) no-repeat;}
.header_box .span4 i{width:20px;height:20px;background:url(../images/account.png) no-repeat;}
</style>
</head>
<body>
<div class="header_box">
<a href="#" class="span1"><i></i>
[email protected]</a>
<a href="#" class="span2"><i></i>0423656655</a>
<a href="#" class="span3"><i></i>Login</a>
<a href="#" class="span4"><i></i>Create an account</a>
</div>
</body>
</html>
6、请问,网页设计中怎样用div+css进行如下图的分块,谢谢。
如果有成图的话,可以考虑PS切图
手写的话,代码就比较多了
<!DOCTYPE html>
<html>
<head>
<title>手写代码</title>
<meta charset="utf-8">
<style type="text/css">
*{padding:0;margin: 0;}
.w1260{width: 1260px;margin: 12px auto;margin-top: 0;}
.h-1{border: 1px solid #bbb;height: 120px;}
.h-2{border: 1px solid #bbb;height: 80px;}
.h-3{border: 1px solid #bbb;position: relative;overflow: hidden;}
.h-3 .h3-l{float: left;width: 33%;border-right: 1px solid #bbb;padding:1%;}
.h-3 .h3-l .h3-l1{border: 1px solid #bbb;height: 200px;}
.h-3 .h3-l .h3-l2{border: 1px solid #bbb;height: 200px;margin-top: 12px;}
.h-3 .h3-r{float: right;width: 62.6%;padding: 1%;padding-left: 0;}
.h-3 .h3-r .h3-r1{position: relative;width: 100%;border: 1px solid #bbb;overflow: hidden;}
.h-3 .h3-r .h3-r1 .h3-r1-l{float: left;height: 80px;border-right: 1px solid #bbb;width: 75%}
.h-3 .h3-r .h3-r1 .h3-r1-r{float: right;height: 80px;width: 24%;}
.h-3 .h3-r .h3-r2{position: relative;width: 100%;border: 1px solid #bbb;overflow: hidden;height: 100px;margin-top: 12px;}
.h-3 .h3-r .h3-r3{position: relative;width: 100%;border: 1px solid #bbb;overflow: hidden;margin-top: 12px;}
.h-3 .h3-r .h3-r3 .h3-r3-l{float: left;height: 200px;border-right: 1px solid #bbb;width: 75%}
.h-3 .h3-r .h3-r3 .h3-r3-r{float: right;height: 200px;width: 24%;}
.h-4{border: 1px solid #bbb;height: 80px;}
</style>
</head>
<body>
<div class="h-1 w1260"></div>
<div class="h-2 w1260"></div>
<div class="h-3 w1260">
<div class="h3-l">
<div class="h3-l1"></div>
<div class="h3-l2"></div>
</div>
<div class="h3-r">
<div class="h3-r1">
<div class="h3-r1-l"></div>
<div class="h3-r1-r"></div>
</div>
<div class="h3-r2"></div>
<div class="h3-r3">
<div class="h3-r3-l"></div>
<div class="h3-r3-r"></div>
</div>
</div>
</div>
<div class="h-4 w1260"></div>
</body>
</html>
7、DIV和CSS怎样应用到网页设计
楼主这问题除了泛,我找不到神马其他的形容词了……
这么说,你可以随便观察版任何一个网页的权源码,人人网首页,腾讯新闻首页,这些都可以。
你会发现有很多<div clss="xxx">各种div嵌套</div>的代码,如果你说应用,那就是应用了。
怎么应用?主流的用法是利用浮动float:left,还有position属性等综合使用,来达到预想的布局效果。
建议:利用div+css仿制人人网首页,仿完再对比人家是怎么写的,基本你就明白了
或者你也可以参考这个网站:webfans.info,这个div+css的布局也不错,可以借鉴
8、网页设计页面布局使用div+css是什么意思,还有怎么插入图片,谢谢各位大神
div模型,搭上css样式
用<img src="图片地址" alt="显示不出来的时候的文字" />插入图片