变量的声明 声明变量的时候，变量名前面要加两根连词线（--） 例如上面我们申明了2个变量：--foo和--bar，其实你只需要把它们理解成css自定义属性看待，它们与color、font-size等正

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

偶然发现，在某乎热榜页有一个很有意思的布局，这里的标题会制约内容的行数，所以文本超出是 "不定行" 的。详细规则如下： 整个容器高度是固定的，标题和内容总共 3 行 标题最多2行，超出省略 内容由剩余

写了这么多年 CSS，initial 和 inherit 以及 unset 和 revert 还傻傻分不清楚？ 经常会碰到，问一个 CSS 属性，例如 position 有多少取值。 通常的回答是 s

今天来看一些有趣且实用的 CSS 小技巧！ 1. 打字效果 代码实现： 实现效果： 2. 设置阴影 当使用透明图像时，可以使用 drop-shadow() 函数在图像上创建阴影，而不是使用 box s

滚动条是网页可用性和可访问性的重要元素之一。你可以通过滚动条来知道页面的长度和当前所在位置。滚动条作为一种工具，应具有功能性：可见，适当大小且具有交互性。我们根据网页性质和大概的访问者属性，可以选择是

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第 13 天，点击查看活动详情 大家好，我是CUGGZ。 CSS 方法论是一种面向 CSS、由个人和组织设计、已被诸多项目检验且公认

CSS 小技巧，不使用 JS 来实现点击交互、表单验证和模态框等效果。并详细解释如何实现各种炫酷的 CSS 动画和 UI 效果。