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;
  }