发表于: 2016-03-29 21:33:53
1 1545
一、今天完成的事:
1、完成task4
2、让webstorm绑定Git,上传代码。
二、明天计划的事:
开始task5,做出个框架。
三、遇到的难题:
每个task都要用到新知识,但并不知道用到哪些新知识。
要是自己死磕,整半天没整出来,看了师兄姐写的才知道原来是用这个知识写的比较简单合理。
三、收获:
1、html方面:学会label、input、button的简单使用。
2、css方面:relative,相对位置是相对其正常位置(祖先元素)产生偏移。
absolute,绝对位置是相对其父元素产生偏移。
inline-block,行内块:
字面意思就是放在同一行内的块级元素。
因为一个块级元素占一整行,除了用浮动,还可以用行内块让两个div共行。
使用行内块可以让好几个块级元素放在同一行。
与float的区别:
1、不想共行的元素就要清除浮动(clean:both),而且float脱离文档流,容易出错。
2、行内块不影响下一个普通元素。
!!能不使用浮动就别使用!!
vertical-align:middle,垂直对齐。
border:none,让输入框没有框框。
border-left:1px solid #fffff;让边框至显示一边,并设置大小。
GitHub地址:https://github.com/edanda/ITXZY
评论