每当我开始一个新项目时，首要的任务就是处理 CSS 语言中的那些边边角角的问题。为了解决这些问题，通常会使用自定义的一组基础样式。本文介绍了一个极简的 CSS 重置样式，只有 9 条规则。

「这是我参与11月更文挑战的第29天，活动详情查看：2021最后一次更文挑战」 阅读本文🦀 1.您将了解到如何保持元素自适应长宽比 2.您将了解到什么是aspect-ratio 3.如何使用aspec

开门见山，有这样一种非常常见的情况，对于一些可滚动的元素而言。通常在滚动的时候会给垂直于滚动的一侧添加一个阴影，用于表明当前有元素被滚动给该滚出了可视区域，类似这样： 对于两侧的列在滚动的过程中，静止不动，吸附在边界的问题，通常 CSS 使用 position: sticky …

我们在网页加载的时候总会加上一些过渡效果来引导用户，减少白屏时间，而加载的效果可以用svg也可以使用一些我们封装好的组件,今天就...

CSS是一门很特殊的语言，你认为CSS只能用来控制网页的结构与样式，但只要你有丰富的想象力，就能创造无限可能。

字体渐变 动态文字渐变 动态三色球 动态tabbar小样式 动态充电样式 box边框的颜色和内容字体颜色一样 currentColor http://jsbin.com/mehuqaqica/edit

这阴影下边那块怎么设置都搞不定，陷入沉思。这时候，同事拍一拍我的肩膀，跟我说你这个没用，我这个有用，只见他就是一鞭，两鞭，三鞭，两分多钟以后写好了。 然后关于 box-shadow和 drop-shadow的区别就很明显了， box-shadow是盒子的投影，它只是盒子的阴影，…

这是一种社交平台的常见需求，比如说在掘金平台中让用户选择感兴趣的标签，通常都是用JS来处理已经选择了的标签数量。今天给出一个css版本： 然后自定义label样式，接着设置CSS计算器。 设置如果文字长度超出指定的宽度，则隐藏超出宽度的内容。 设置文字在一行显示，不能换行。 设…