发表于: 2018-07-18 22:53:48
1 632
====================这应该是7月17日的日志,但是由于7月16的提交晚了,7月17日就不可重复提交了——2018/7/17 22:47=====================
今天完成的事情:
1.把以前的一些标签背了下
2.了解了一下position相对绝对定位。relative每次定位都是以自己所在位置为坐标轴,fixde则是以网页为坐标轴,而absolute则是以父元素为坐标轴。(虽然不应该叫坐标轴,但是暂时想不到有什么更好的说法)
3.仔细看了下em和rem的说明,但还是有点没懂
4.修改了下任务三
5.了解了下contenteditable(content editable);可以将div设置成可输入文本的文本框(代替textarea)。
明天计划的事情:1.看了下任务四,感觉还行,table表格和button按钮之前了解过,帐号密码输入框感觉可以试试就用contenteditable
遇到的问题:
1em是指一个一个字符大小(如果没设置font-size:XX%的话一般是12px);而rem和em的与别就是:我设置div1宽为10em,那么div1宽就是120px大小,这时我再接着设置div1中文本font-size:10px;div1的子元素“div2”宽10em,那么div2宽就是10px*10=100px。(是这样理解么?);而rem则不会受父元素影响,所以用rem的话那么div1宽和div2宽都为120px大小(是这样么?)
收获:
1.小问题多,如果我的想法没错的话就算是彻底了解了em和rem
2.如何用div代替textarea
3.了解了相对定位和绝对定位和固定定位
===========================================================7月18日日志==================================================================
今天完成的事情:
1.大部分时间都拿去写任务四了,所以基本没怎么看新的内容。
2.了解了表单样式.
3.深入了解了一下表单的提交(submit),重置(reset)和button按钮的区别。
明天计划的事情:
1复习
2.另外我了解到CSS3新增了一个弹性盒子(flex box),粗略的看了下,感觉很好用,明天去深入了解一下【http://www.runoob.com/css3/css3-flexbox.html】
遇到的问题:
1.我任务4的关闭按钮看网上的加了个onclick="window.close(),这好像是和Js有关的,但是为什么在我本地文件里面按关闭就可以关掉网页,而github预览页上按关闭就没反应?
收获:
1.了解了表单
2.用了各种奇奇怪怪的方法去尝试写任务4的main部分,但大部分都有问题。
3.行内元素居中:水平text-align:center;竖直:vertical—align:middle;如果用display:line-block将块状元素变为行内块元素则可用text和vertical居中。
评论