前端代码div+css是什么意思

如题所述

前端代码div+css,就是现在一种网页设计的一种实现方式,通过div+css,可以现在对一些杂乱无章的图片和文字,进行排版和使用,从而实现了人们通常看到的漂亮的网页,具体看下代码:

<head>

<link rel="stylesheet" type="text/css" href="CSS-kuaidu.css"/>
<title>宽度的学习</title>
</head>

<body>
<div style="width:960px; height:700px; margin:0 auto; border:solid 1px #999999" >
<div style="width:960px; height:25px; border:solid 1px #CCCCCC;">
导航条
</div>
<div style="width:960px; height:80px; border:solid 1px #CCCCCC;">
店铺图片
</div>
<div style="width:200px; height:400px; border:solid 1px #CCCCCC; float:left;">
左侧目录
</div>
<div style="width:750px; height:400px; border:solid 1px #CCCCCC; float:right;">
右侧内容
</div>
<div style="width:960px; height:17px; border:solid 1px #CCCCCC; float:left;">
尾区
</div>
<div style="width:960px; height:173px; border:solid 1px #CCCCCC; float:left;">
尾招
</div>
</div>
</body>
</html>
这就是一个网页的布局框架,内容就只需要自己去添加就可以了。
温馨提示:答案为网友推荐,仅供参考
第1个回答  2018-04-10

前端代码div+css,就是现在一种网页设计的一种实现方式,通过div+css,

可以现在对一些杂乱无章的图片和文字,进行排版和使用,

从而实现了人们通常看到的漂亮的网页。

具体看下代码:

<head>

<link rel="stylesheet" type="text/css" href="CSS-kuaidu.css"/>

<title>宽度的学习</title>

</head>

<body>

<div style="width:960px; height:700px; margin:0 auto; border:solid 1px #999999" >

<div style="width:960px; height:25px; border:solid 1px #CCCCCC;">

导航条

</div>

<div style="width:960px; height:80px; border:solid 1px #CCCCCC;">

店铺图片

</div>

<div style="width:200px; height:400px; border:solid 1px #CCCCCC; float:left;">

左侧目录

</div>

<div style="width:750px; height:400px; border:solid 1px #CCCCCC; float:right;">

右侧内容

</div>

<div style="width:960px; height:17px; border:solid 1px #CCCCCC; float:left;">

尾区

</div>

<div style="width:960px; height:173px;  border:solid 1px #CCCCCC; float:left;">

尾招

</div>

</div>

</body>

</html>

这就是一个网页的布局框架,内容就只需要自己去添加就可以了。

本回答被网友采纳
第2个回答  2012-10-11
div代表的是结构 css代表的是呈现出的样式也就是表现
第3个回答  2012-10-11
就是做网页的能看到的页面效果,后端就是指一些数据传输的方式,前端注重效果,后端注重功能
第4个回答  2012-10-11
div+css 是用来做网站前台的,一般一个网站是由前台、后台、数据库组成,在做前台的时候,是用html做网站的话,div+css是必不可少的。
相似回答