
前端代码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>
这就是一个网页的布局框架,内容就只需要自己去添加就可以了。
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>
这就是一个网页的布局框架,内容就只需要自己去添加就可以了。
2012-10-11