发表于： 2016-10-04 21:17:44
6 697
今日完成：
1、今天早上起来看了学习任务里面nginx的帖子，然后果断下下来，研究了半天感觉不是很清楚，但是还是跟着帖子的内容操作了一遍，准备把第一个任务的程序写完了放里面试试。
2、下午朋友约出去喝茶看书，然后四点回家，在网上下载了DW以及补丁，哎~发现不会安装啊，主要是特么发现要需要注册Adobe账号！果断百度DW安装教程，哼哼 原来只要在安装的时候断网就可以不用注册Adobe账号啊
。
3、晚上本来想敷个面膜就早早的睡了
（实在是有点困z Z```），但是突然发现国庆这几天都在玩，没有认真的学习诶，于是想着要不把九宫格程序写了吧，好不容易写完了，但是问题来了，代码如下 ：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>九宫格的设计</title>
<style>
.square{
padding:10px;
margin:auto;
width:100%;
height:100%;
}
.left{
padding:30px;
margin:30px;
width:40px;
height:40px;
background:#F60;
border-radius:1px;
float: left ;
}
</style>
<body>
<div class="square">
<div class="left"></div>
<div class="left"></div>
<div class="left"></div>
<div class="left"></div>
<div class="left"></div>
<div class="left"></div>
<div class="left"></div>
<div class="left"></div>
<div class="left"></div>
</div>
</body>
</html>
效果图：
遇到的问题：
1、九宫格的每一个格子的是四个角不是圆的；
2、
.left{
padding:30px;
margin:30px;
width:40px;
height:40px;
background:#F60;
border-radius:1px;
float: left ;
}
width和height的高度为什么设置成了百分比显示出来的不是九宫格呢？我只能自己调节它们的px比列，感觉好忧伤
3、本宝宝没有用display功能，是不是用了display功能就能变成圆角呢？
明日任务：
1、明日没有外出活动，可以好好的学习一天，首先修改程序使用一下display功能，看能不能让九宫格变个圆角
；
2、学会配置nginx和F12调试功能；
返回列表
评论