发表于: 2016-01-19 13:03:00

0 6220


今天完成的事情:今天把css剩下的看完了。然后看了盒子模型和display,也配置了nginx,下载了WebStorm,做出了九宫格,完成了昨天说的70%,支持手机这一部分还没做,感觉是可以任意伸缩的意思...
                     明天计划的事情:完成task1,同时看看其他学员的情况,互相学习。开始做task2.
                     遇到的问题:一开始完全没有思路,就感觉有什么在脑袋里还没整理成思路,看了两个学员的代码,跟我的不太一样呢,我用的div和class,他们用的都是*,#,我感觉没看过,应该是其他类选择器吧,只知道.这个类选择器。明天要好好研究一下。nginx配置是做好了,然后怎么调试?就按f12?这样有什么不一样?感觉自己的代码写的非常不规范,没有队形,这个是要怎么养成良好习惯?
                     收获:w3c真是好地方,有很多例子,然后在我想不通task怎么做的时候倒回去看一些例子就明白了。
                             CSS3 border-radius 这个属性让我的九宫格边漂亮了。
                              撒花,感觉做task在整合知识很好( •̀ ω •́ )y
最后贴下task1的代码:
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        div.container
        {background-color:white;
            border: 0px;
        width:350px;
        height: 350px;
        margin:0px ;
        padding:10px;
        }
        div.content
        {border-radius:9px;
         width:100px;
         height:100px;
         margin:2px;
         float:left;
         background-color:        #FF8C00;
        }

    </style>
</head>
<body>
<div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    
</div>

</body>
</html>




返回列表 返回列表
评论

    分享到