CSS学习

获取屏幕宽高
使用vm(屏幕宽), vh(屏幕高), 如果需要计算,使用calc(),注意留有空格 calc(100vh - 50px)

渐变色
background-image: linear-gradient(to right, #53AEFE, #3472FE);

倒影
-webkit-box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 50%,rgba(255,255,255,.3));

覆盖scoped私有作用域下的样式
使用/deep/ 选择器

/deep/ .el-submenu__title {
height:46px;
}