发表于： 2016-10-05 16:55:05
1 1116
今日任务：
1、根据贴吧上面修改nginx路径还是报错，研究了大概一个小时吧，嗯··果断放弃了，卸载重新安装，老老实实的用之前默认的路径吧！
2、学习了F12调试功能，但是我好像不太明白要怎么用啊，可能以后慢慢就回了吧；
3、在写九宫格代码计算宽度时，忘记加上margin和padding的值，导致一直比列不对；
4、用display重新写了九宫格代码，其代码如下：
<meta name="viewport" content="width=device-width, intial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
<title>九宫格的设计</title>
<style type="text/css">
.square{
padding:10px;
margin:0 auto;
width:500px;
height:500px;
display:block;
border-spacing:10px
}
.one two three{
diaplay:table-row;
}
.left{
display:table-cell;
width:100px;
height:100px;
background:#F60;
border-radius:15px;
}
</style>
<body>
<div class="square">
<div class="one">
<div class="left"></div>
<div class="left"></div>
<div class="left"></div>
</div>
<div class="two">
<div class="left"></div>
<div class="left"></div>
<div class="left"></div>
</div>
<div class="three">
<div class="left"></div>
<div class="left"></div>
<div class="left"></div>
</div>
</div>
</body>
</html>
显示结果：
遇到的问题：
1、还是没有明白怎么写自适应···
明日计划：
学习任务二
返回列表
评论