发表于： 2017-04-14 22:46:23
1 569
一． 今天完成的事情
完成任务3
初步写完任务4的大体布局
学习相关知识点
二． 收获
任务4要求header紧布于网页上方，可以通过
的方式解决网页自带边框的问题；
header中的三块文字，均匀布置，垂直居中，采用display：flex（弹性布局）的方式可以完成：align-items: center决定垂直居中分布
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 很好的介绍了弹性布局；
学习了三种定位方式:absolute绝对定位，其定位方式相对于第一个定位非static（默认）的父元素，若没有则相对于body；relative相对定位，相对正常流该元素位置的定位；fixed固定定位，相对于屏幕，即拖动屏幕不会发生位置变化；
display属性，设定值inline：使块元素内联不发生换行；
使用视区单位vm/vh ，是相对于视窗实现自适应，如表单中的字
三． 遇到的问题
对于任务4这种图片+表单的形式，用一个盒子套住图片+input是否为合理的方式？怎么调整input的格式（自适应，长宽）
四． 明天计划的事情：
完成任务四
返回列表
评论