冲冲冲的小怪兽

CSS 容器查询用法总结 CSS 容器查询是一种强大的布局技术，允许您根据父容器的特性（而非视口）来应用样式。 MDN: https://developer.mozilla.org/en-US/doc

MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/attr 感觉attr()很有用，但是好像又没什么用，使用场景很局限，而且改变dom样式，也有

MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/clamp CSS 中的 min()、max() 和 clamp() 是数学函数，用于在样式表

text-shadow 是 CSS 中的一个属性，用于为文本添加阴影效果。它可以增强文本的视觉层次感，使其更具立体感或突出显示。 MDN: https://developer.mozilla.org/

书接上回,看本章前需要阅读上篇笔记 https://juejin.cn/post/7484108431620800546 上回使用flex实现下面这个效果，但是这次使用grid来实现才是更优解。 代码

为什么我不爱写height: 100%，更爱写min-height: 100vh;? 开始前，可以看下我前面的一篇文章。 关于height: 100%的一个问题https://juejin.cn/po

这段代码被我大量应用到项目中 为什么width是100%，而不是100vw？ 这是为了解决window浏览器的滚动条的原因，当你width:100vw,height:100vh的时候，window浏览

我常常会遇到一个问题，当父级没有明确的height值的时候，子级height: 100%;是没有用的。 包括父级flex-grow: 1;这种情况，父级高度明明已经撑开了，但是子级height: 10

通篇文章也没说什么。 前面from关键字可以是currentColor ，甚至是另一个rgb别的任何单位。 HSL 颜色模型 HSL 是一种颜色表示方法，代表 色相(Hue)、饱和度(Saturati