发表于： 2020-06-17 21:18:33
2 1166
今天完成的：解决了昨天留下来的问题，将代码上传到了git上提交任务
明天的计划：完成任务二，如果审核快的话，尽量多完成任务三
今日收获：
1.认识了一个新的单位vw，vw指的是视口宽度的百分比，1vw=1%视口宽度，这样就解决了我昨天无法将正方形的长宽统一的问题，而且能实现自适应。
2.还学会了通过border-radius控制圆角。使用float时在<div></div>里加入语句"clear: both"实现换行效果。
主要代码如下：
<head><style>
.square {
width: 27vw;
height: 27vw;
background: #ffa000;
-moz-border-radius: 2vw;
-webkit-border-radius: 2vw;
margin-top: 3vw;
margin-left: 3vw;
float: left;
}
</style></head>
<body><div class="square", style="clear:both"></div></body>
Ps：由于任务一未审核完不能接任务二，任务二是今天晚上才接到的，没有来得及完成，只好等明天了。
返回列表
评论