发表于: 2017-03-30 23:53:24
1 643
今天完成的事情:
1、总结任务四(主要是把看过的资料中部分内容给复制粘贴了下来,并编辑整理,以备复习查看),开始任务五,下载PSD;观察图片、切图;复习前面任务中所学习到的知识点,查看资料《CSS布局 ——从display,position, float属性谈起》
2、写日报
明天计划的事情:
1、看师兄回复;
2、继续进行任务
3、写日报;
遇到的问题:
无
收获:
进一步熟悉display,position, float属性;
通过搜索flex-shrink:0属性了解到下面知识
- <' flex-grow '>:
- 用来指定扩展比率,即剩余空间是正值时此「flex子项」相对于「flex容器」里其他「flex子项」能分配到空间比例。
在「flex」属性中该值如果被省略则默认为「1」 - <' flex-shrink '>:
- 用来指定收缩比率,即剩余空间是负值时此「flex子项」相对于「flex容器」里其他「flex子项」能收缩的空间比例。
在收缩的时候收缩比率会以伸缩基准值加权
在「flex」属性中该值如果被省略则默认为「1」 - <' flex-basis '>:
- 用来指定伸缩基准值,即在根据伸缩比率计算出剩余空间的分布之前,「flex子项」长度的起始数值。
在「flex」属性中该值如果被省略则默认为「0%」
在「flex」属性中该值如果被指定为「auto」,则伸缩基准值的计算值是自身的 <' width '> 设置,如果自身的宽度没有定义,则长度取决于内容。
请师兄指点!
评论