发表于: 2016-01-23 22:51:50

1 1803



一、今天完成的事情:

1.html课程学到“<div>网页布局”;

2.安装了sublime Text2;

3.初步了解了“盒子模型”。


二、明天要做的事情:

1.结束html基础教程的学习。

2.开始学习CSS,尝试做九宫格。


三、遇到的问题:

1.task没看明白,毫无头绪——咨询了群里的师姐,还是要先把html和css的基础补上来,再入手task。

2.学习过程中问题主要集中在<div>网页布局这个练习中:

    http://www.w3school.com.cn/tiy/t.asp?f=html_layout_divs

  ①要写成div#container{width:500px;},而不是div#container{width="500px"}

  ②float的含义:

    若:div#A {height:200px;width:150px;float:left;}

        div#B {height:200px;width:350px;float:left;}

    则:A与B同行并列;

    若:div#A {height:200px;width:150px;float:left;}

        div#B {height:200px;width:350px;}

    则:A与B同行,A覆盖B;

    若:div#A {height:200px;width:150px;}

        div#B {height:200px;width:350px;float:left;}

    则:A与B左端对齐,B在A的下方。

    后又查阅w3s网站,其中floats属性中有一条注释假如在一行之上只有极少的空间可供浮动元素,那么这个元素会跳至下一行,这个过程会持续到某一行拥有足够的空间为止。

   ③clear:both的含义:

     这个还没太明白,添加和删除这条代码,显示效果并没有什么变化。 

 

四、收获

html教程里每一个练习都亲手敲了一遍代码,虽然进度有些慢,但的确收获了很多。写代码就像做饭一样吧,步骤用料都了然于心,自己做的时候还是会出现各种问题。而且,写完之后检验效果的一瞬间成就感满槽,感觉棒呆了啊哈哈,原谅我是个没见过世面的小白[捂脸][捂脸]。

最后感谢老大提供了这样一个学习交流的平台,明天继续努力,否则未来一年买泡面只有调料包的日子要怎么过。。。



返回列表 返回列表
评论

    分享到