发表于: 2016-01-21 16:47:39

1 2705


今天完成的事情:看完了w3school的html基础教程和css基础教程;理解了盒子模型,但运用的不是那么好;完成了task 1;页面能在手机上正常显示;学会用nginx了;给代码基本都打了注释;


明天计划的事情:完成task 2;


遇到的问题:今天花了整整一个早上看w3school,下午要着手做的时候发现无从下手,信息量太大了,似乎什么都懂了但又不知道要写什么。又花了点时间翻师兄的日报才知道要做什么,看看能不能把自己的代码放上日报,造福后代。修真院的难度不是一般的大啊,对零基础的萌新一点都不友好。


收获:明白了网页的基本制作,盒子模型,nginx;学会了翻师兄的日报(虽然很少直接放代码上去的);学会了打html和css的注释;


为什么写日报:就当养成一个好习惯吧;


代码仅供参考,抄作业对自己的提升没有任何好处;


<!DOCTYPE html> <!-- 这个东西好像是必须的-->

<html>

  <head>  <!-- 语言调成鹰文-->

    <style type="text/css"> /* 由此开始用css语言*/

    *{  /* *选择所有元素*/

      margin: 5px;  /* 不调外边框的话,所有的小方块都会粘在一起*/

    }

    .big{ /* 大框用来框住9个小方块*/

      width: 350px;

      height: 350px;

      margin: auto; /* 外边框调成auto就可以居中了*/

    }

    .small{ /* 九个小方块的样子*/

      width: 100px;

      height: 100px;

      float: left;  /* 浮动,没有的话就会一列排下来*/

      border-radius: 10px;  /* 圆角,没有的话就是正方形*/

      background-color: orange; /* 方块的颜色*/

    }

    </style>

  </head>

  <body>

   

<div class="big"> <!-- 先放一个大框-->

      <div class="small"></div> <!-- 缩进是为了美观-->

      <div class="small"></div>

      <div class="small"></div>

      <div class="small"></div>

      <div class="small"></div>

      <div class="small"></div>

      <div class="small"></div>

      <div class="small"></div>

      <div class="small"></div>

    </div>

  </body>

</html>


蜜汁日报会把我的class自动去掉?害得我排版那么难看;



返回列表 返回列表
评论

    分享到