发表于: 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 '> 设置,如果自身的宽度没有定义,则长度取决于内容。



请师兄指点!



返回列表 返回列表
评论

    分享到