发表于： 2016-07-28 21:51:42
1 1438
今天完成的任务：
1、通过学习终于制作出了九宫格图案
2、明白了css里面的框是什么、怎么制作，以及如何设置边框的高宽、内外边距、颜色
3、明白了并且知道怎么使用div标签
遇到的问题：一开始做出方框来之后，不知道怎么调成弧形角,后来又去W3school上看关于框的知识，总算是明白了怎么弄了。然后做出九个格子后发现不知道怎么把它们调成每排三个。后来看了编号1792师姐的日报，发现使用html，body{}修改网页的外边距就能实现每排三个了。我在代码中外边距使用的是具体数值，本来我用w3school的在线编码显示出的九宫格，但是用浏览器打开后发现不会成九宫格，接着通过调试网页的外边距让代码能够在网页上也显示成九宫格
明天的任务：
1、通过浏览器审查元素中发现，做出来的九宫格无法完全填充元素区，明天再进行修改
2、加深下语法知识（有很多标签明白怎么用，但是却不知道原理）
3、学习并且调试nginx
代码：
<html>
<head>
<style type="text/css">
html,body{
margin:25%;
width:50%;
}
div.one{
width:75px;
height:75px;
margin-left:10px;
margin-top:10px;
background-color: orange;
float:left;
border-radius:5px;
}
</style>
</head>
<body>
<div p class="one"></p></div>
<div p class="one"></p></div>
<div p class="one"></p></div>
<div p class="one"></p></div>
<div p class="one"></p></div>
<div p class="one"></p></div>
<div p class="one"></p></div>
<div p class="one"></p></div>
<div p class="one"></p></div>
</body>
</html>
返回列表
评论