去年差不多这个时候，发了一篇关于CSS 固定宽高比实现的文章，总结了如何从面试者的角度回答固定宽高比实现的问题。如果你对于历史的 hack 方式不太熟悉，建议先浏览一下原文章。 原文章的最后提到了 aspect-ratio 这种方式。不过当时还没有浏览器实现，现在标准以及实现都…

随着Web技术不断的革新，CSS近几年也变得多年前要更强大。在Web开发中，CSS是不可或缺的一部分，对于很多Web开发者来说，有很多CSS属性不知道，或者说他们知道，但忘记在最恰当的时候使用最适合的CSS属性。而且时至今日，其中有一些CSS的属性可以让开发者能节约更多的时间。…

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 CSS能够生成各种形状。正方形和矩形很容易，因为它们是 web 的自然形状。添加宽度和高度，就得到了所需的精确大小的矩形。添加边框半径，你就可以把这个形状变成圆形，足够多的边框半径，你就可以把这些矩形变成圆形和…

许多人喜欢为网站选择深色模式，也许他们更喜欢这种UI，或者他们想让眼睛免受疲劳。这篇文章将向你展示如何实现自动css深色模式，该模式根据访问者的主题而变化。 这样，如果你想更改主题颜色，则只需修改定义的变量，所有使用该变量的内容都会更新。 现在我们需要定义一组新的变量，这些变量…

本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。 有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无奇。 那么如何将动画变得稍微有趣一点呢？很简单，既然它们都是同一时刻开始运动的，那么让它们不在同一时刻运动…

收集于平时常用但易忘的CSS实现方法，如有遗漏或补充，还请指正！解决inline-block元素设置overflow:hidden属性导致相邻行内元素向下偏移超出部分显示省略号css实现不换行、自动换

虽然ElementUI文档已经十分详细，但是难免会有一点点遗漏的地方。本文介绍了笔者使用Element的经验以及文档中忽略或简要介绍的内容

1. 初识 flex flex 是 flexible 的缩写，意思为弹性布局，用来为盒模型提供最大的灵活性。 2. flex 布局和正常布局比较 3. flex 属性 flex-direction 改变主轴的方向，默认为 row 横向排列。属性包含 row | row-reve…

css部分：对样式进行布局，实现旋转动画逻辑。