CSS 实现:头部高度固定,主体高度铺满剩余高度,左侧固定宽度,右侧铺满剩余宽度

主要解决方法是中间盒子的 top:40px;bottom:40px; 设置。原理是在 position 是 absolute 时同时设置 top 和 bottom 或者同时设置 left 和 right，高度或宽度会被拉伸到指定位置

CSS 故障艺术

本文的主题是 Glitch Art，故障艺术。什么是故障艺术？我们熟知的抖音的 LOGO 正是故障艺术其中一种表现形式。它有一种魔幻的感觉，看起来具有闪烁、震动的效果，很吸引人眼球。

关于html页面图标的夜间模式自动变色实现（夜间模式适配）

起初的解决办法很简单，创建一个灰色的图标，折中一下，但问题是真的不太搭。