细数那些惊艳一时的 CSS 属性

文章预览

击上方  React ，关注公众号 回复 加群 ，加入技术交流群交流 前言 随着前端的不断发展，更多新的 CSS 属性不断加入提案，本文列举 7 个不常用但很有用且你见过也可能没见过的 CSS 属性，带大家领略 CSS 之美。 1. position: sticky 不知道大家平时业务开发中有没有碰到像上图一样的吸顶的需求：标题在滚动的时候，会一直贴着最顶上。 这种场景实际上很多：比如表格的标题栏、网站的导航栏、手机通讯录的人名首字母标题等等。如果让大家自己动手做的话，是不是会用 js 结合 css 来实现呢？以前确实是这样的，直到后来  position  属性新增了一个属性值  sticky  ，前端程序员才迎来了小春天。 // css 部分 .container {     background-color: oldlace;     height:  200 px;     width:  140 px;     overflow: auto;   }   .container div {      height :  20 px;     backg ………………………………