input 字体颜色

input::-webkit-input-placeholder {
    color: #fff;
}

ios 底部安全距离

padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */
box-sizing: content-box;

阴影

-moz-box-shadow: 0px 2px 5px #E0E0E0; /* 老的 Firefox */
box-shadow: 0px 2px 5px #E0E0E0;

渐变

background: -webkit-linear-gradient(right, #d000b5, #434ae3);
background: -o-linear-gradient(right, #d000b5, #434ae3);
background: linear-gradient(to left, #d000b5, #434ae3);

background: -webkit-linear-gradient(180deg, #5575e3, #b7c7ff);
background: -o-linear-gradient(180deg, #5575e3, #b7c7ff);
background: linear-gradient(180deg, #5575e3, #b7c7ff);

外发光

box-shadow: 0 0 10px #1af0df;

文字截断

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;	/*两行*/
overflow: hidden;

文字满了才换行，不会因为是不是单词换行

word-break: break-all;

段落首航缩进

text-indent:50px;

css函数

height: calc(100upx + env(safe-area-inset-bottom) / 2);