发表于: 2016-03-06 19:42:27

3 1091



  基础算是了解了一些吧,没基础真的不知该从何起手啊,再不做任务就落在后面了。。

 


    2016.3.6

 

 

1.今天完成的事情 

                 A九宫格代码半写半学吧,熟悉了之后,然后自己默写了n遍,明天再复习一下下

                 B:说是今天完成也可以说是之前到现在一直在学基础吧,大概了解到了html与css之间的运作关系,写一些基本的网页内容,确定文本的样式,做一些“盒子模型”,怎样把元素分块再设定宽度高度等等,还有一些没有熟悉的东西,以后理解了就慢慢起来运用吧。

2.明天要做的事情

                A明天赶紧任务2

      

3.遇到的问题

          解决的:

                A:自己做九宫格时,把小格子用<span>来设置了,师兄建议改为vid,虽然结果的九宫格图没变化,但还是改掉了。

          未解决:自己任务的链接怎么弄,租的云服务器??     

4.项目目前的进度:

       内容:九宫格                

代码贴这里吧,有不对的地方快告诉我

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html;charset=utf-8">

<title>九宫格</title>

<style>

.box{               /*设置大格子*/

width:350px;    /*宽度*/

height:350px;   /*高度*/

padding:2px;    /*内边距边界,也可以没有*/

margin:0 auto;  /*外边距边界*/

}

.box>div{           /*设置小格子样式*/

width:100px;    /*宽度*/

height: 100px;  /*高度*/

margin:2px;     /*外边距边界*/

float:left;     /*设置为浮动型*/

background:rgb(232,131,13);          /*背景色*/

border:1px solid rgb(232,131,13);    /*边框边界*/

border-radius:8px;           /*圆角*/

}

</style>

</head>

<body>

<div class="box"><!-- 添加9个小格子 -->

<div></div>

<div></div>

<div></div>

<div></div>

<div></div>

<div></div>

<div></div>

<div></div>

<div></div>

</div>

</body>

</html>





返回列表 返回列表
评论

    分享到