详解CSS line-height和height
最近在做CSS界面时经常遇到line-height和height这两个属性，一直没搞很明白，今天静下心来好好网上查阅了一下，算是有所领悟。https://blog.csdn.net/a2013126370/article/details/82786681这个博主写的很不错，至少让我对line-hei
2026-03-30
详解background属性的8个属性值(面试题)
CSS中background的属性值 background-color background-image background-repeat background-position background-attachment复合属性:background:backgro
2026-03-30
CSS常用的封装方法汇总
1. pc-reset PC样式初始化/* normalize.css */html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2
2026-03-30
css利用负margin实现平均布局的示例
对于平均分布的布局，我们一般使用负margin的方法。如下图，就是平均布局。一般这种情况，我们都是在父元素和子元素之间加上一层div，然后，给这个div设置负margin-right，值为两个子元素之间的距离。例如，我们令每个子元素宽度为100px，一共3个子元素，给每个子元素一个margin-ri
2026-03-30
CSS线性渐变的凹面矩形过渡动效的实现
本文聊一聊线性渐变的凹面矩形过渡动效的难点和思路，主要介绍凹面矩形实现、给凹面矩形加线性渐变、线性渐变背景色的过渡。如果有更好的实现方案，欢迎在评论区和我讨论。上图实现凹面矩形实现这个样式的灵感来自网上一篇使用css实现内凹角的文章，描述如何实现chrome标签页的内凹角效果，大概是下面这样子：使用
2026-03-30
纯 CSS 实现蜡烛融化(水滴)的示例代码
实现效果实现思路融化效果是利用 filfilter 的 contrast 和 blur 实现的。在父元素中设置 contrast 并在子元素中设置 blur 即可实现两者相融的效果。代码
2026-03-30
