网页设计中div_网页设计里面<div>到底是干什么用的

1、关于网页制作中div的问题

我来给简单的你描述一下吧，这都是我个人的体会，未必全对呵。

网页设计最主要的是布局。

当然网页设计有很多的知识点，但从一个静态的网页开始，网页最关键的一个知识点应该是布局，因为网页制作不同于Word，它不可以随心所欲的在任意位置、任意方式添加任意的元素，比如文字、图画、动画等。

于此同时，早期网页制作时，你也不方便进行文字格式的控制，字体的大小、颜色、行距等等。

这主要是因为网页制作的HTML语言过于单一的原因。于是，后来就引入了CSS，CSS是一种层叠样式表语言。简单的说，它丰富了网页制作的格式。

举个简单的例子，CSS可以精确到点来控制字体的大小、行距，这是从前很难实现的。

再一点，布局，从前我们都是用表格来布局，本来，这是一个很好的思想，看过一些日韩的网页源码，人家将表格布局发挥到了极致，用表格布局实现了很多意想不到的布局效果，他们一般先用Photoshop设计出网页的整体效果，然后再把元素分解，进而通过表格组合成最终的网页，这种设计理念虽然比较费工时，但整体上很完美，值得我们借鉴。

但表格布局也有它的局限，比如下载速度慢，不能实现网页样式的转换，比如网站的改版就得重新全部网页代码。

同时，人们也需要表达更炫的页面，这时，就引入了DIV的理念，也就是“层”的理念，这是一个很疯狂的想法。

从前层还只是平面设计的一个概念（具体就不再描述了），现在引入到网页设计之中，自然需要进行一些再加工。

首页，网页的层并不是任意和随心所欲的一个层，它需要你事先规划好，这个层定位在哪儿，多宽多高，有什么样的样式，与其它层的位置关系，是叠加还是绕排，等等，都需要事先想好。

这是一个需要整体想象和周密计划的工作，所以，现在看到的CSS+DHTML网页都还是比较简单的。因为如何太复杂，工作量就太大了。

字打的太累了，给你举个例子，你慢慢分析先，http://www.armstrong.com/home/us/en/

将这个网站源码打开，一点点分析人家的做法，会受益的，估计有一周的时间，你会明白很多的。

2、网页设计 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>

3、网页设计中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样式，实现美工图布局样式。

4、网页设计的DIV是什么效果的？

复杂,龙统的文字我就不说了,其实div+css排版的形式一般是这样的

一段描述"样式的代码",（通常会单独写在一个文件裏）像这样:

<style type="text/css">

</style>

在裏头我就定义一个叫做"mysty"样式,他的属性color是”#F00”红色

然后我在页面中想调用这个样式时我就先打好一个div的合子,然后我用"class='mysty'"这样的方法来调用这个样式,於是乎,在这个div包含的内容的文字都变成红色了,当然table也可以这样用

<div class="mysty">红色字</div>

至於优势嘛,网上有好多地方都有写,你最好自己体验一下,它的简洁我觉得是对table排版的最大的优势

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

6、什么是网页设计中的DIV，什么是ID？谢谢

div是指块文字，像你要定义一块文字可以用到它。另外做层的时候也经用到它，它就是让一块东西集成为一个集合.
div标签可以以类或ID附加css样式
1.类
<div class="***">……</div>
2.ID
<div id="***">……</div>
如果用id附加，那么css中应该首先创建这个ID：
如：
#abc .font {
font-family: Verdana, "宋体";
color: #FF00CC;
}
其中abc就是id
可以在abc这个id下建立很多css属性，这样所有在<div id="***">……</div>这个标签中的内容将遵循abc这个id下的css属性。

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

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

8、网页设计div？

DIV (标鉴）+ CSS (层叠样式表)是网站标准（或称“Web标准”) 中的常用术语之一，通常为了说明与HTML网页设计语言中的表格 (Table)定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV + CSS的方式实现各种定位。使用DIV + CSS设计网站对SEO的影响是显而易见的，由于结构简单，且符合标准

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

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

导航:首页 > 万维百科 > 网页设计中div

网页设计中div

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