大家好，我卡颂。 近日，Meta开源了一款CSS-in-JS库 —— StyleX。看命名方式，Style - X是不是有点像JS - X，他们有关系么？当然有。 JSX是一种用JS描述HTML的语法

啊，是的，CSS。它几乎每个星期都是网络上热议的话题。它太难了。它太简单了。它无法预测。它过时了。此处应该有一张 Peter Griffin 折腾百叶窗的恶搞图。 我不知道为什么 CSS 会在开发者中激发出如此多的不同情绪，但我有一种直觉，为什么有时候它看起来不合逻辑或令人沮丧…

在这篇文章我会介绍 9 个使你的 CSS 更加简洁优雅的使用技巧。这些技巧小生经常使用，觉得挺高效实用，所以也就有了这篇文章。 正文现在开始。 1. 建议使用 padding 代替 margin 我们在设计稿还原的时候，padding 和 margin 两个是常用的属性，但我们…

浏览器从去年年底开始，已经开始支持浏览器的原生平滑滚动定位，CSS scroll-behavior属性和JS scrollIntoView()方法都可以。 scroll-behavior:smooth写在滚动容器元素上，可以让容器（非鼠标手势触发）的滚动变得平滑。 我们先看一个…

1. 层叠上下文 (Stacking Context) 层叠上下文 (堆叠上下文, Stacking Context)，是HTML中一个三维的概念。在CSS2.1规范中，每个元素的位置是三维的，当元素发生层叠，这时它可能覆盖了其他元素或者被其他元素覆盖；排在z轴越靠上的位置，距…

在日常布局当中，肯定经常会遇到文本内容超过容器的情况。非常常见的一种解决方案是超出省略。 这种情况下，在容器定宽但是文本又溢出且不能换行的情况下，我们就需要寻求另外的解决方案。 当然，这种方法简单但是可能缺乏点用户体验。 我们先假设一下，我们的容器的宽度如果是固定的，但是不确定…

该标签能创建含有不少于三个边的图形。 其拥有一个属性d，该属性d由下方的单词的首字母组成。 没看懂。。。 此外还有阴影渐变，等滤镜，等就太复杂了，设计到矩阵变换等高等数学的内容，自己有心无力。 到此，可以发挥ai的想象啦。包括绘制图形，使用滤镜，画图图标等等，哪怕使用图片导入a…

好吧，gif图看着好像有点不是很清晰，想在线预览的同学，可点击在线预览 👈，废话不多扯了，先来分析一下，看如何实现这个功能吧。 说到渐变，偶然之间发现了一个有意思的东西hue-rotate，它能在你初始的颜色基础上旋转元素的色调及其内容，从而达到不同的效果。了解更多 以上就是…