CSS3新增样式会有浏览器兼容问题建议使用时加上前缀
-weblit- :谷歌,safari-moz- :火狐
-ms-:IE
-o-:opera box-shadow : (inset) x y size (enhance) color;
inset:内阴影(不写默认为外阴影)
x:水平方向偏移
y:垂直方向偏移
size:阴影大小
enhance:（可选）阴影增强
color：阴影颜色
eg:
.my-box{
width:
100px;
height:
100px;
background: skyblue;
box-shadow:
2px
2px
10px red,
-2px
2px
10px blueviolet;
}
注意：阴影可重叠，用逗号隔开
先写的在最上面
text-shadow : x y size (enhance) color;
x:水平方向偏移
y:垂直方向偏移
size:阴影大小
enhance:（可选）阴影增强
color：阴影颜色
width/height : calc(100% - 25px);
注意：运算符左右要留空格
适用于固定一列其余自适应布局
扫描二维码关注公众号，回复：
1795469 查看本文章
background-size:x y/百分比 百分比/cover/contain
x y :具体大小（px）
百分比 百分比：百分比大小
(上述方式若只写一个值，则宽高都采用此值)
cover:等比例缩小，撑满容器（常用）
contain：等比例放大
注意：此样式主要用于设置背景图片。