发表于： 2016-08-30 09:58:34
3 1289
今天完成的事情：完成task1
明天计划的事情：完成task2
遇到的问题：1.div的width，和height如果用百分比的话是相对于谁的尺寸而言；
2.下面代码里的ID选择器中的background-color为什么不起作用；
收获：学会盒子模型，初步了解div布局，了解float的属性
代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
<style type="text/css">
*{margin: 0;padding: 0;}
.box{
background-color: red;
float: left;
width: 100px;
height: 100px;
margin: 5px;
border-radius: 5px;
}
#container{
width: 330px;
margin: 0 auto;
background-color: black;
}
</style>
</head>
<body>
<div id="container">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
</div>
</body>
</html>
返回列表
评论