css碎片记忆

• 滚动条不占位 overlay属性

html {
  overflow-y: overlay;
}

• 在CSS中将颜色定义为变量

:root {
  --main-color:#06c;
}

#foo {
  color: var(--main-color);
}

• 也可以在JavaScript /客户端操作CSS变量 */

document.body.style.setProperty('--main-color',"#6c0")

• CSS文字渐变

.p{
    position: absolute;
    opacity: 0;
    margin: 0;
    transform: translate(-50%);
    background: #ffa54d;
    background: linear-gradient(90deg,#ffa54d,#f07bc5 50%,#43aeff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}