发表于： 2016-08-27 20:13:35
0 1205
今日完成：
继续看html和css的各种概念，并写一些练习，往下看了盒子模型，display和nginx的内容，看完之后感觉很迷茫，，，没看出跟任务的具体联系在哪，而且东西挺多的，有点一头雾水。于是去看别的师兄的日报，找到现成的代码，把看不懂的地方一点一点弄懂，再自己写了九宫格的代码出来。nginx也下载并成功安装。
明日计划：把最后一点服务器和手机兼容的问题搞定。
问题：标题文字的居中和div的居中没对齐不知道怎么回事。
收获：感觉东西很多很散，需要不断地动手练习，然后碰到问题自己想各种办法解决，用这种方式学习效果才不错。
成果展示那的服务器什么的还不太懂，直接上传图片吧。
代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style>
h1{text-align:center;}
.big{margin-left: auto;margin-right: auto;width:36em;}
.small{width:10em;height:10em;background-color:orange;border-radius:0.5em;margin:0.5em;float:right;}
</style>
</head>
<body >
<h1>九宫格</h1>>
<div class="big">
<div class="small"></div>
<div class="small"></div>
<div class="small"></div>
<div class="small"></div>
<div class="small"></div>
<div class="small"></div>
<div class="small"></div>
<div class="small"></div>
<div class="small"></div>
</div>
</body>
</html>
返回列表
评论