• 2022 年 11 月 29 日
• 筆記

前言 随着CSS的不断发展，一些很酷且有用的属性要么完全被忽视，要么由于某种原因不像其他常见属性那样被开发者熟练应用。这篇文章我们将一起学习那些CSS中陌生但非常有用的CSS属性，这些属性你可能听说过，也可能没听说过，但了解之后你会觉得它们是如此的实用。 如果这篇文章有帮助到你，❤️关注+点赞❤️鼓 …

• 2022 年 11 月 29 日
• 筆記

基本描述 CSS伪类是很常用的功能，主要应用于选择器的关键字，用来改变被选择元素的特殊状态下的样式。 伪类类似于普通CSS类的用法，是对CSS选择器的一种扩展，增强选择器的功能。 目前可用的伪类有大概40多个，少部分有兼容性问题。我们比较常见的，如: :hover 、 :root 、 :first- …

• 2022 年 11 月 6 日
• 筆記

theme: cyanosis 最近打火机与公主裙中的爱心代码超级火，看着特别心动，让俺用css来写个简易版！！！ 先看效果： 代码拆解： 主要是分为3大部分 分子颗粒 爱心 动画 代码实现： 分子颗粒 分子颗粒其实非常简单，主要是使用到的就是css的渐变：linear-gradient，然后再用c …

• 2022 年 11 月 3 日
• 筆記

clip-path CSS 属性可以创建一个只有元素的部分区域可以显示的剪切区域。区域内的部分显示，区域外的隐藏。 clip-path的属性值可以是以下几种： 1.inset； 将元素剪裁为一个矩形， 定义：clip-path: inset(<距离元素上面的距离>,<距离元素右面的距离> ,<距离元 &hellip;

• 2022 年 11 月 2 日
• 筆記

CSS 动画一站式指南 1. CSS 动画 在 CSS3 出现之前，简单的交互都需要使用 JS 才能完成，如今 CSS3 增加了 transform ， transition ， animation 三大交互属性，为 CSS 的单调性增加了很多趣味，CSS 也可以实现比较复杂的动画了。 1.1 变换 &hellip;

• 2022 年 10 月 31 日
• 筆記

前言 在早期如果想要对某一些样式进行动态计算，绝大多数的做法都是使用JavaScript来进行，当时的CSS在面对这种场景显得有点无能为力。但是，当CSS3中新增了 calc 函数时，面对这种场景，JavaScript不再是我们的第一选择，我们只用 CSS 就可以进行相当复杂的计算了。在使用 cal &hellip;

• 2022 年 10 月 9 日
• 筆記

前言 相信大家在工作中都遇到过这样一些奇怪的问题： 1.为什么我写的z-index没有生效？ 2.为什么z-index大的元素却没有盖住z-index小的元素？ 3.如何让父元素盖住子元素呢？ 以上这些问题都跟CSS层叠上下文有关，带着上面这些问题我们一起来了解一下什么是CSS层叠上下文，以及这些奇 &hellip;