【实习笔记3】

一，justify-content属性

CSS 中的justify-content属性用于描述弹性盒子容器的对齐方式。它包含沿着分布在浏览器中的 flex 容器的主轴的内容项之间和周围的空间。此属性不能用于沿垂直轴描述项目或容器。垂直对齐可使用align-items属性

语法：

justify-content: flex-start|flex-end|center|space-between|space-around|space-evenly|initial|inherit;

flex-start：它是用于从容器开始对齐弹性项目的默认值；

flex-end：用于对齐容器末端的弹性项目；

center：它在容器的中心对齐弹性项目；

space-between：弹性项目以均匀的间距放置在项目被推到开始和最后一个项目被推到结束的地方；

space-evenly：项目以相等的间距定位，但与角落的间距不同；

inital：根据默认值放置项目；

inherit：根据其继承的父元素值放置项目。

二，background-repeat

如果一幅背景图像不足以占满整个容器时，就会在水平方向和垂直方向重复，以填满整个容器，默认repeat，在水平和垂直方向都重复填满容器。repeat-x，repeat-y在x或者y方向重复以填满容器。space向两端重复填满容器，剩余位置用空白填补，round向两端重复填满容器，剩余位置用图像拉伸填补。no-repeat不重复，图像只显示一次。

三，css线性渐变高级应用

CSS小技巧---线性渐变linear-gradient/径向渐变radial-gradient-优快云博客