- 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;
