前端页面的典型场景：有限空间内展示酒店名字+价格，价格更为重要，空间不足时需要省略掉过长的酒店名字，即实现 text ellipsis + suffix 的混排，而且要尽可能多的展示文本。

最近看到了许多关于 :has() 选择器的知识点，在此总结下来。 MDN 对 :has() 选择器 的解释是这样的： 下面一起来感受下 :has() 选择器的强大之处吧。 :has() 选择器选择父元

想要让你的网站在激烈的竞争中脱颖而出吗？使用CSS的强大功能可以帮助你实现这一目标。本文将分享22个实用的CSS技巧，帮助你提升网站的外观和用户体验

前言 在做项目的时候写页面我通常都是使用 flex 来布局的，flex 不仅能方便控制元素的水平、垂直方向的布局，更能在父容器内弹性分布。我也看到过 grid 也很强大，那么 Flex 和 Grid

在前端开发的世界里，CSS 预处理器已经成为了一个不可或缺的工具，它们扩展了 CSS 的功能，使得样式编写变得更加高效和可维护。在众多预处理器中，Less 和 SCSS 无疑是最受欢迎的两个。

浅聊一下 小时候最喜欢玩4399小游戏了，放学回家麻溜地打开电脑开始4399之旅。那么当我输入4399.com到页面加载完毕，这之间究竟发生了点什么事呢？

本篇文章主要讲述Unocss的使用和个人使用之后的感想 在此之前还写过一篇关于反对在Vue里使用tailwind CSS的一篇文章（主写Vue的，React等框架中没有抵抗）。当然，当时写那篇文

最近想做一个切换主题的功能，但是发现scss和less使用起来还有些区别，写完之后自己总结了一些，大家可以看看。

Sass(Scss)、Less的区别与选择 + 基本使用 为什么要使用 CSS 预处理器 原因 CSS 仅仅是一个标记语言，自定义变量的使用不够灵活。 语法不够强大...