H5--第五课

时间：2016-12-18 15:10:16 阅读：168 评论：0 收藏：0 [点我收藏+]

一、盒子阴影：box-shadow属性

　　　　　　 box-shadow:x偏移 y偏移模糊距离阴影大小颜色内阴影或外阴影;

二、弹性盒模型:flex属性

　　　　　　给父级diaplay:flex;子元素给flex:属性;flex有3个值;

取值：

none：: none关键字的计算值为: 0 0 auto
<‘ flex-grow ‘>：: 用来指定扩展比率，即剩余空间是正值时此「flex子项」相对于「flex容器」里其他「flex子项」能分配到空间比例。
在「flex」属性中该值如果被省略则默认为「1」
<‘ flex-shrink ‘>：: 用来指定收缩比率，即剩余空间是负值时此「flex子项」相对于「flex容器」里其他「flex子项」能收缩的空间比例。
在收缩的时候收缩比率会以伸缩基准值加权
在「flex」属性中该值如果被省略则默认为「1」
<‘ flex-basis ‘>：: 用来指定伸缩基准值，即在根据伸缩比率计算出剩余空间的分布之前，「flex子项」长度的起始数值。
在「flex」属性中该值如果被省略则默认为「0%」
在「flex」属性中该值如果被指定为「auto」，则伸缩基准值的计算值是自身的 <‘ width ‘> 设置，如果自身的宽度没有定义，则长度取决于内容。

复合属性。设置或检索弹性盒模型对象的子元素如何分配空间。

原文地址：http://www.cnblogs.com/kaerbnvbgfq/p/6194360.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行