虽然CSS简单,但CSS是一门非常有意思的语言,CSS每年都有变化,而且都有不同的博主都在不同的时间段总结一些CSS的新特性。虽然这些新特性无法立刻得到众多浏览器的支持,但总是随着时间的发展,这些特性都会得到浏览器的支持。哪怕未得到支持,也有一些方法让浏览器支持,比如最为出外的cssnext,就可以让很多未来的CSS特性就立马使用,并且不用花太多时间来考虑浏览器的兼容性。
今天这篇文章,@Daniel Crisp就当下的CSS的新特性做了一个简单的总结 —— 五个最新的CSS特性(事实上这些特性,对我而言并不是新特性),并且用示例告诉大家怎么使用这些特性。那么接下来,咱们看看这五个新特性是什么?以及怎么使用。如果您感兴趣,欢迎继续往下阅读。
@Daniel Crisp在他的博文中,探讨了CSS的五个新特性,介绍了这五个特性能做什么,以及如何将它们应用到你的项目中。而且提供示例每一步的代码,可以在GitHub的仓库中获取这些代码,不过在接下来,我将会借助Codepen来向大家展示。
接下来要介绍的五个CSS新特性是:
-
CSS Display Module Level 3:
display:contents
-
CSS Conditional Rules Module Level 3:
@support(...){...}
-
CSS Overscroll Behavior Module Level 1:
overscroll-behavior: contain
-
CSS Selectors Module Level 4:
:focus-within
,:placeholder-shown
-
CSS Containment Module Level 1:
contain:paint
著作权归作者所有。
商业转载请联系作者获得授权,非商业转载请注明出处。
原文: https://www.w3cplus.com/css/5-hot-new-css-features-and-how-to-use-them.html © w3cplus.com
网友评论