q1003675852的博客

本文主要记录如何解决绝对定位子元素内容被父级元素overflow:hidden属性剪裁

本文主要讨论了overflow: hidden截断条件‌及如何避免截断

本文主要记录CSS：图片间空白间距问题的解决方案，特别是针对iphone 14 pro设备的新情况进行测试处理。

本文记录使用css实现“一行文本右对齐，多行文本左对齐”的效果。

本文记录了pointer-events: none;的一种特殊应用，既能显示模糊渐变的同时还能保持元素可点击的效果。

以前如果提到 CSS 的 @media ，可能的第一反应就是它是用来做屏幕查询的，但实际上@media的查询功能远超想象。本文将基于@media (prefers-color-scheme: [dark|light])实现暗黑与亮色主题切换。

在之前的文章《深入理解Css linear-gradient线性渐变》我们了解了CSS中的线性渐变，本文将介绍CSS中的另一种渐变———径向渐变（Radial Gradient）。

本文主要介绍css3涉及的颜色混合模式及其颜色呈现效果的计算公式。

本文主要介绍图片的object-fit与背景图的background-size属性的取值及用法。

本文主要介绍background-position的三种值类型：关键字、数值、百分比，并对混合用法的注意事项及百分比用法的定位参考点进行说明。

background-image 属性用于为一个元素设置一个或者多个背景图像，本文列举了background-image 属性的一些用法，并对示例做了总结和思考。

在之前的文章《深入理解Css linear-gradient线性渐变》我们提到了Css的background-image线性渐变，它可以用来做一些条纹背景，比如水平条纹、垂直条纹、斜向条纹背景

本文主要介绍了css的linear-gradient线性渐变的相关概念和原理，涉及渐变线（梯度线）、起止点、方向等，线性渐变相关语法的使用及示例。

首先，让我们为 原子化 CSS (Atomic CSS) 给出适当的定义：John Polacek 在 文章《 Let’s Define Exactly What Atomic CSS is 》中写道：译文：原子化 CSS 是一种 CSS 的架构方式，它倾向于小巧且用途单一的 class，并且会以视觉效果进行命名。有些人可能会称其为函数式 CSS，或者 CSS 实用工具。color: red;

css剪裁GIF背景图片动画特效