该方案适用于大部分场景 背景适配方案 css背景自动适应屏幕....................

巧用 CSS 伪元素，让背景图自适应保持比例 在前端页面开发中，经常会遇到需要背景图自适应容器且保持原始比例的需求。今天分享一个实用技巧，利用 CSS 伪元素结合 padding-top 来实现，以 

你知道奇怪的移动视口错误（也称为100vh bug）吗？或者如何以正确的方式创建全屏块？ 一、100vh bug 什么是移动视口错误？ 你是否曾经在网页上创建过全屏元素？只需添加一行 CSS 并不难：

前言 CSS中选择器种类不多，但是有些很容易搞混，比如逗号（并集选择器，如div，.one，[title="one"]）、空格（后代选择器）、附加到类或ID选择器上的元素名称(交集选择器，如div.b

先看效果 乍一看，是不是感觉很简单，仔细一瞅发现事情好像没有那么简单。 如果十分钟还没想出怎么实现，那就把简历上的“精通css”改成“了解css”……😅 大部分人第一感觉都是想着用border-bot

现代 CSS 应该是 2023 年前端圈热门话题之一，这些新特性可以帮助开发者更加轻松地实现各种复杂的设计需求，解决老的 CSS 问题，同时现代 CSS 技术还可以提高 Web 的可访问性和可维护性。

纯 css 实现一个级联连线效果 1、前言 今天在css学习群里看到一个下图的效果，看到群中讨论如何实现时， 正好之前其实也做过类似的， 就想写个demo在回顾一下 2、思路 看到类似的其实首先就是想

在我的工作经历中，我工作的前几年都是在做toB的一些产品平台，针对于toB的产品当时市场上已经出现了很多供各公司使用的现成的UI框架。

上一篇文章 “能用CSS实现的就不用麻烦JavaScript” 提到好几种常用场景，这次笔者再分享多几个用CSS代替JavaScript的场景。希望大家能在日常开发中使用到。