随笔分类 -  css3

摘要:tip: 1)这些属性写在子元素中,作用于子元素(父元素中应设置display:flex) 2)作用是子元素如何分配父元素的空间 3) flex-grow 是扩展比率,当子元素宽度总和小于父元素宽度时起作用,会按比例分配父元素剩余空间(按比例自适应) flex-shrink 是收缩比率,当子元素宽度 阅读全文
posted @ 2018-03-23 10:23 海螺呜呜 阅读(1324) 评论(1) 推荐(0)
摘要:tip:1)flex是用于div布局用的,作用于一级子元素(父元素写样式,作用于子元素) 2)弹性盒模型 3)英文解释justify-content: 对齐内容(内容一般写在主轴上)align-items:对齐子所有项目(子项目用于侧轴) 阅读全文
posted @ 2018-03-15 14:37 海螺呜呜 阅读(3529) 评论(0) 推荐(0)
摘要:animation:name duration timing-function delay iteration-count direction; name:名字 duration: 持续时间 timing-function:速度曲线 delay:延迟时间 iteration-count:循环次数 d 阅读全文
posted @ 2018-01-29 15:04 海螺呜呜 阅读(205) 评论(0) 推荐(0)
摘要:flex: flex-grow | flex-shrink | flex-basis | auto | initial | inherit flex-grow: 0 定义弹性盒子项的拉伸因子,即,子项分配父项剩余空间比,默认值0 flex-shrink: 1 指定了flex元素的收缩规则,子项收缩所 阅读全文
posted @ 2018-01-29 14:39 海螺呜呜 阅读(139) 评论(0) 推荐(0)