发表于: 2017-02-01 06:12:50
1 580
今天完成的事情:
1.css基本语法
2.盒子模型
3.vw作为长度单位
4.nginx的setup
5.任务一
6.代码如下:
css:
.cube{
background-color: darkorange;
width: 30vw;
height: 30vw;
position: relative;
float: left;
margin: 0.5vw;
border-radius: 2vw;
}
html:
<!DOCTYPE html>
<html>
<head>
<title>practice 1</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="cube.css">
</head>
<body>
<div class="cube"></div>
<div class="cube"></div>
<div class="cube"></div>
<div class="cube"></div>
<div class="cube"></div>
<div class="cube"></div>
<div class="cube"></div>
<div class="cube"></div>
<div class="cube"></div>
</body>
</html>
明天计划的事情:
1.开始尝试任务2
遇到的问题:
1.nginx配置时路径中有中文导致网页无法显示
2.想让盒子自动换行不知道怎么控制
3.对clear和absolute position理解出现偏差
收获:
1.加深了对css语法的理解
2.初步学会使用nginx
评论