- box-pack:start|end|center|justify; 父元素设置，规定子元素在其中的位置，和flex盒子中的justify-content 有点类似。
而box-align则是垂直位置，和align-items类似
待完善
- 对于background-image: linear-gradient(方向，开始颜色 百分比，结束颜色 百分比)，这里加了百分比后的特性会是什么呢？
代码:
background:linear-gradient( red :30%;blue: 50%)
效果图：
- 对于伪类元素 :after和:before 的需要注意的地方：
添加的伪类元素是其子元素，默认position: static , display: inline ,其中:after是插入到被插入元素 内容的后面，:before是前面。还有通过 :after和:before添加的元素是无法应用:hover之类的伪元素的！！！
- 一个盒子四周阴影效果的注意地方：
要实现需要4个二维方向，如下
image.png
代码：
box-shadow: -5px -5px 15px #8ED1FE, 5px 5px 15px #8ED1FE, 5px -5px 15px #8ED1FE,-5px 5px 15px #8ED1FE;
