标签:CSS

网站纯 css 开启暗黑模式

来源:Dark mode in a website with CSS,看着很简单,不过真要折腾还是挺麻烦。 为此,css 文件干掉了很多设置不同颜色的代码(为了省事,普通模式也基本上是黑白了。优化了一下,原本颜色基本上回来了,暗黑模式也还行),暗黑模式看起来才有点像样了。原文代码: @media (prefers-color-sche…
Tags:  ,  ,  ,  ,  Views: 255

纯 CSS 多行文本溢出省略号

如题,纯 CSS 多行文本溢出省略号。单行文本溢出省略号一般我们都知道实现方法。 .xxx { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 那么如果多行文本应该怎么做呢?Chrome 走在时代前沿,可以使用 -webkit-line-clamp 属性来实现,这个属性已经有些年头,但…
Tags:  ,  ,  Views: 709

纯 css 实现段落标题自动编号

我们写文档通常会把内容分成若干个段落,每个段落都有一个标题,按级别分别使用 h1/h2/h3 标签。为了理清段落之间关系,我们会给各个标题前加上编号。 比如: <h1>1. 编程语言</h1>……<h2>1.1 C++</h2><h2>1.2 Python</h2> 手动维护编号很粗暴很累人,如…
Tags:  ,  Views: 1.1K