导航:首页 > 万维百科 > 网页设计中的div怎么用

网页设计中的div怎么用

 发布时间：2021-01-03 04:41:58

1、请问，网页设计中怎样用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>

2、网页设计中div是起什么作用的？

div是块状标签，可以把网页分成一块一块的，方便排版，明确层次。
比用table等更好。

3、网页设计里的，html、css、div是什么意思？

html就是做网页页面的标签语言
css是控制显示样式的
div是层
psd格式的模板需要用Photoshop打开
====================================
PSD模板就整个页面布局和样式的设计原稿,需要切片才能应用到网页上去

4、网页设计中采用div+css布局，这里的DIV是什么意思？

DIV是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。
DIV在编程中又叫做整除，即只得商的整数。 DIV元素是用来为HTML（标准通用标记语言下的一个应用）文档内大块（block-level）的内容提供结构和背景的元素。

5、网页设计，div中title的作用是?

提示信息，鼠标放到该元素上显示的提示信息。


举例：

下图中，将鼠标放到新浪图标上，将显示提示信息，这个提示信息就是title的值。


6、网页设计中DIV是什么意思？

在HTML网页源代码中DIV是什么意思，出现很多DIV，究竟有什么作用和功能？

在网页html中查看源代码会看到很多代码，包括DIV、span、h1、b加粗、strong等标签组成。

html中div使用截图一段HTML源代码截图其中包括div span h1标签使用

培训是针对那些有条件的人来说，很多小伙伴更喜欢的是自学。但是一个人自学毕竟力量是有限的，为了让想学习的人可以更好的学习，给大家推荐一个裙，前面是6 5 7，中间是壹 三  七，最后面就是九 0 六，这里有很多想学习的人和你一起交流，也有大牛每天晚上免费教学，想要学习的人都可以加入我们，但是我们只欢迎想学习的人，不是来学习，随便看看的就不要进了。

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

div作用
让内容包裹在DIV内，实现各式各样的美化，比如对div设置边框，这样内容就区就有边框样式、对div设置字体颜色这样对应DIV内字体就有了各式各样的颜色；对div设置背景颜色或背景图片，这样内容就有了漂亮的css背景。

div标签内使用样式实现各式各样排版，对div设置不同的css样式，实现美工图布局样式。

7、网页设计中DIV有什么作用?

div是用来做网页布局的，一个<div></div>就相当于一个矩形框，可以用id，class来控制它的样式
麻烦采纳，谢谢!

8、在Dreamweaver中 怎样用DIV+CSS来制作网页

你主要是想问什么？dreamweaver的操作还是不清楚div+css，或者说你不懂怎么写一个页面，div+css也只是内一个思想，首先如果要写容一个网页的话，你根据需要，首先写出结构，可以一部分一部分的实现，然后用css控制结构的样式，达到你希望的样子。
dreamweaver的操作的话，首先创建一个站点，（站点即是一个文件夹）然后根据需要在站点文件夹下创建相应的文件夹，比如存放图片的文件夹，css样式的文件夹，网页的话，一般直接存放在站点文件夹最外面。

建议你问的更详细点。

9、网页设计 html 怎么在div图片里插入文字

第一种方法：
添加一个DIV，采用绝对定位，图片所属DIV为基准
<div style="position:relative;width:100px;height:100px;">
<img src="" alt="" />
<div style="position:absolute;width:100px;height:100px;z-indent:2;left:0;top:0;">
文字
</div>
</div>
第二种方法：图片作为背景图片
<div style="background:url(abc.jpg) no-repeat left top;">
wenzi
</div>

10、网页设计里面，<div>到底是干什么用的

?

与网页设计中的div怎么用相关的知识