Zichen_Lin的博客

借用下W3C的定义：var() 函数用于插入自定义的属性值，如果一个属性值在多处被使用，该方法就很有用。只听文字介绍可能并不清楚，直接上案例就一目了然了。使用:root可以在css中创建全局样式变量。通过:root本身写的样式，相当于html，但优先级比后者高。var()函数在特点场景下能优化很多冗余代码（一组元素下，需要针对每个元素写结构相同但值不同的css）。经过测试，发现style="--"具有继承性，父元素定义的自身属性，子元素也是可以通过var()函数来使用的。

而不同内核的浏览器对滚动条的处理方式也不同，且局域块中出现滚动条不是特别美观，基于这种情况，我们常常选择隐藏滚动条且支持滑动的效果。在网页中，有些宽高固定的区域，如果它们的内容高度或宽度超出了自身的宽高，会导致浏览器自身。