用HTML和CSS定义网页的盒状模型

来源:百度知道 编辑:UC知道 时间:2024/06/14 08:48:11
定义整个网页页面的高度和宽度,CSS是这样写的div.box{height: 500px;
width: 200px;}在HTML文档里该怎么写?我在网页里写了一段文字,结果水平方向很长,出现滚动条,而坚直方向没有滚动条。我刚学的,很多不知道,希望高手指点。谢谢

简单代码如下:
<html>
<head>
<title>网页标题</title>
<style type="text/css">
<!--
#DIV_BOX{height:500px;width:200px}
-->
</style>
</head>
<body>
<div id="DIV_BOX">盒状模型区</div>
</body>
</html>

说明:首先在<head></head>内定义好你的“盒子”,这里定义的是#DIV_BOX{height:500px;width:200px}
在内容区,加了一个DIV区域,并应用前面定义的DIV_BOX,即:让“盒子”的高度固定为500px,宽度固定为200px。

不知道我的回答是明白了没有?
祝你学习愉快!!

给你推荐个网站吧,,“w3school在线教程”你在百度里搜索就可以找到。适合新手学习。希望对你有帮助。。。

1.

在<head></head>之间加入
<link href="你的css文件夹路径" rel="stylesheet" type="text/css" />
2.

<body>
<div class="box"></div>
</body>

是这个意思吗?