发表于： 2016-07-27 00:29:59
1 1318
今日完成：
1：学完DIV布局，并应用（不知是否有误）；
2：完成圆角；
3：尝试做出自适应（但觉得还有误，做出来的小方格非固定正方形），任务1编码如下：
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
html,body
{
margin:0px;
width:100%;
height:100%;
}
div#container
{
width:80%;
height:80%;
margin:10%;
}
div#box
{
width:30%;
height:30%;
margin-left:2.5%;
margin-top:2.5%;
background-color: orange;
float:left;
border-radius:5%;
}
</style>
</head>
<body>
<div id="container">
<div id="box"></div>
<div id="box"></div>
<div id="box"></div>
<div id="box"></div>
<div id="box"></div>
<div id="box"></div>
<div id="box"></div>
<div id="box"></div>
<div id="box"></div>
</div>
</body>
</html>
4.效果如下：
今日疑问：
自适应不知是否正确？ 如何做出固定正方形的小方格（不会随屏幕变化比例）；
明日任务：
1：完善tast1，做出固定正方形的小方格；
2：学习并完成手机打开任务；
3：学习并完成调试任务；
返回列表
评论