前端Day11

Flex布局：

当为父元素设置flex布局后，子元素的float、clear、vertical-align属性将失效！

 

flex常见父项属性：

flex-direction设置主轴方向：

justify-content设置子元素排列方式：

 flex布局默认不会换行，若无法放入同一行，则会缩小子元素强制在一行中排列。

align-items设置侧轴单行下子元素排列:

align-content设置侧轴多行下子元素排列：

flex-flow：flex-direction和flex-wrap属性的集合

 

flex属性：将元素均分为比例份

flex-self属性：子元素自己设置侧轴对齐方式

order属性：定义项目的排列顺序（类似z-index的作用）

 背景颜色渐变：linear-gradient属性