HTML5所遇到问题总结

1. box-pack:start|end|center|justify; 父元素设置，规定子元素在其中的位置，和flex盒子中的justify-content 有点类似。
   而box-align则是垂直位置，和align-items类似

待完善

2. 对于background-image: linear-gradient(方向，开始颜色 百分比，结束颜色 百分比)，这里加了百分比后的特性会是什么呢？
   代码:
   background:linear-gradient( red :30%;blue: 50%)
   效果图：

3. 对于伪类元素 :after和:before 的需要注意的地方：
   添加的伪类元素是其子元素，默认position: static , display: inline ,其中:after是插入到被插入元素 内容的后面，:before是前面。还有通过 :after和:before添加的元素是无法应用:hover之类的伪元素的！！！

4. 一个盒子四周阴影效果的注意地方：
   要实现需要4个二维方向，如下
   
   image.png
   
   代码：
   box-shadow: -5px -5px 15px #8ED1FE, 5px 5px 15px #8ED1FE, 5px -5px 15px #8ED1FE,-5px 5px 15px #8ED1FE;