发表于: 2016-07-28 21:51:42

1 1440


今天完成的任务:

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>




返回列表 返回列表
评论

    分享到