<div id="container">这句有什么用?

GoogleGood 发布于 2013/11/09 10:46
阅读 10K+
收藏 0

在w3school 上面的一个例子,请指点,其中一句不懂

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div#container{width:500px}
div#header {background-color:#99bbbb;}
div#menu {background-color:#ffff99;height:200px;width:150px;float:left;}
div#content {background-color:#EEEEEE;height:200px;width:350px;float:left;}
div#footer {background-color:#99bbbb;clear:both;text-align:center;}
h1 {margin-bottom:0;}
h2 {margin-bottom:0;font-size:18px;}
ul {margin:0;}
li {list-style:none;}
</style>
</head>

<body>

<div id="container">   <!-- 这一句有什么作用,好像没有内容,只是定义了一个id->

<div id="header">
<h1>Main Title of Web Page</h1>
</div>

<div id="menu">
<h2>Menu</h2>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
</div>

<div id="content">Content goes here</div>

<div id="footer">Copyright W3School.com.cn</div>

</div>

</body>
</html>

加载中
0
MrZQ
MrZQ
宽度500个像素。
0
heichong
heichong
div#container{width:500px}
0
Jackitshot
Jackitshot

id的属性相应的是#container

class的属性相应的是.container

0
叛道
叛道
包裹,方便控制。
0
我是it爱好者
我是it爱好者
<div id="container"></div>这个div层设定宽度为500px(像素),div默认的是那个高度最小化,所以要看效果就得加上border
0
郑柯
郑柯
定义一个容器,css中限制了宽度,其他没有什么。
0
那天早上
那天早上
id 其实也是个class引用
返回顶部
顶部