2020年css新特性

2020年，CSS依然是前端开发者必须掌握的技能之一。今年，CSS将迎来一些新特性，带给开发者更多的方便和乐趣。

/* 1. 同时使用多个背景图片 */
background-image: url(logo.png),url(bg.png);
background-repeat: no-repeat,repeat;

/* 2. 自定义滚动条样式 */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-thumb {
  background-color: #555;
}

/* 3. 新的文本修饰方式 */
text-decoration-thickness: 2px;
text-decoration-color: blue;

/* 4. 内嵌字体格式设置 */
@font-face {
  font-family: 'MyFont';
  src: url('myfont.woff2') format('woff2'),url('myfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

/* 5. 伽马校正颜色 */
color: rgb(255 0 0 / 80%);
background-color: #00ff00; /* 与上一行代码的颜色相同 */

除了以上这些特性，还有一些实用的新特性值得一提，比如color-scheme属性、scroll-margin-top属性、font-variation-settings属性等等。作为前端开发者，我们应该不断充实自己的技能盒子，与时俱进，迎接更多的优秀新特性。