背景简介 大家好，我是石小石！最近开发中遇到这样一个需求： hover改变样式，边框由原来的1px变成2px。这太easy了！ 但实际做完后，我们会发现一个问题，样式不够丝滑

介绍一个CSS检测文本溢出的小技巧。 一直以来，CSS 都无法很好的检测出一段文本是否溢出。但这又是一个非常普遍的需求，比如多行文本展开，展开按钮只有在文本溢出的时候才出现 由于无法直接CSS判断，这

我听说很多开发者厌恶 CSS。而在我的经验中，这往往是由于他们并没有花时间来学习 CSS。 CSS 算不上是最优美的『语言』，但迄今二十多年来，它都是美化 web 举足轻重的工具。从这点来说，也还算不错吧？ 尽管如此，CSS 写得越多，你越容易发现一个巨大的弊端。 因为维护 C…

Bem 是块（block）、元素（element）、修饰符（modifier）的简写，由 Yandex 团队提出的一种前端 CSS 命名方法论。 BEM 是一个简单又非常有用的命名约定。让你的前端代码更容易阅读和理解，更容易协作，更容易控制，更加健壮和明确，而且更加严密。 bl…

前言     在CSS flex布局中，justify-content属性可以控制列表的水平对齐方式，例如space-between值可以实现两端对齐。但是，如果最后一行的列表的个数不满，则就会出现最

不不不，这里有坑！产品经理或者交互设计师可能更关注整体交互逻辑，视觉设计师可能更关注页面的整体美观度，而你，是要一点点实现出来的人，你更需要思考的是一些细节问题。 动手前来一波提神醒脑的小思考，让你事半功倍。 视觉稿上经常会缺失一些元素，咋一看不会影响整体交互，做的时候才发现有…

（切图仔）前端开发者一大重要的职责就是将UI画稿转化为实际可用的页面，效果图的还原度在相当大的程度上决定了UI和PM的满意度一般情况下，拿到设计稿后，懒散点的可能直接看图软件打开，肉眼测距就开搞了，负

本文基于CSS Compat 2021和Interop 2022中部分特性，对名词概念进行介绍说明，并根据特性和属性值介绍附加实际中的使用场景和浅显demo。

CSS伪类不生效如何处理？content 属性有哪些用途？项目中常见的用法有哪些？大家可以在本文中找到答案。