发表于: 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教程里每一个练习都亲手敲了一遍代码,虽然进度有些慢,但的确收获了很多。写代码就像做饭一样吧,步骤用料都了然于心,自己做的时候还是会出现各种问题。而且,写完之后检验效果的一瞬间成就感满槽,感觉棒呆了啊哈哈,原谅我是个没见过世面的小白[捂脸][捂脸]。
最后感谢老大提供了这样一个学习交流的平台,明天继续努力,否则未来一年买泡面只有调料包的日子要怎么过。。。
评论