css

2025年CSS新特性大盘点大家好，我是 Immerse，一名独立开发者、内容创作者、AGI 实践者。关注公众号：沉浸式趣谈，获取最新文章（更多内容只在公众号更新）

Vue3 + Less 实现动态圆角 TabBar：从代码到优化实践在前端开发中，TabBar 是一个非常常见的 UI 组件，而在一些设计需求中，我们希望激活的 Tab 有动态变化的圆角效果，并且宽度可以根据选中状态自适应。本文将分享一个 Vue3 + Less 实现的 TabBar 组件案例，完整分析代码结构、实现思路，并展示优化技巧。

【人类写的】anki卡片制作入门在知识获取的初期，降低认知负荷比追求完美更重要；当基础能力构建完成后，再通过个性化实现效率跃迁。这种分阶段策略既符合人类认知规律，也契合现代社会的快节奏需求。

解密Flex布局:为什么flex:1仍会导致内容溢出今天在解决别的bug时发现了个很奇怪的东西，我的容器明明设置了flex:1为什么还会导致内容溢出，导致比我设想的flex:1尺寸来得大。

【前端三剑客-9 /Lesson17(2025-11-01)】CSS 盒子模型详解：从标准盒模型到怪异（IE）盒模型📦📦在前端开发中，CSS 盒子模型（Box Model）是理解元素布局的基础。每一个 HTML 元素都可以被看作一个“盒子”，而这个盒子由内容（content）、内边距（padding）、边框（border）和外边距（margin）四个部分组成。然而，不同浏览器、不同设置下，这些组成部分对元素最终尺寸的计算方式是不同的——这就引出了两种主要的盒子模型：标准盒模型（Standard Box Model）和怪异盒模型（Quirks / IE Box Model）。

程序员小寒

前端高频面试题之CSS篇（一）CSS 各选择器权重（从高到低）：CSS 盒模型描述了元素在页面上的空间占用，包括内容（content）、内边距（padding）、边框（border）和外边距（margin）。

低版本浏览器兼容方案：IE11 适配 ES6 语法与 CSS 新特性面向仍需支持 IE11 的项目，目标是在不牺牲核心可用性的前提下，对 JS 的 ES6 语法与常用 Web API、以及 CSS 的现代特性做可控的转译、垫片与降级。本文给出工程实践、常见坑位与测试清单，帮助前端团队稳定交付。

前端高频面试题之CSS篇（一）CSS 各选择器权重（从高到低）：CSS 盒模型描述了元素在页面上的空间占用，包括内容（content）、内边距（padding）、边框（border）和外边距（margin）。

不会玩电脑的Xin.

HTML + CSS目录什么是 HTML？什么是 CSS？HTML 基础语法基本结构标签规则常用 HTML 标签速查表CSS 基础语法

悟能不能悟

＜style scoped＞vue中怎么引用css文件在 Vue 的 <style scoped>中引用 CSS 文件有多种方式，以下是详细说明：在 Vue 的 <style scoped>中引用 CSS 文件的主要方式是使用 @import：

粉末的沉淀

css：制作带边框的气泡框第一步：制作矩形部分。第二步，制作当描边的三角形，为了看的更加明显，这个三角形先设置成红色。在容器里加入一个div，通过border的方式将其设置成一个三角形，通过绝对定位，放置在矩形的左上方。

（4）pytest+Selenium自动化测试-元素定位之CSS Selector定位承接上一章节的基础定位知识，相信大家已经能轻松搞定那些 “标签清晰、属性唯一” 的简单元素啦！但实际测试中，总会遇到元素没 ID、Name 重复、链接文本超长的 “调皮情况”，基础定位就像 “常规武器”，这时就需要 CSS Selector 这种 “精准狙击枪” 登场～这节课咱们就手把手教你玩转 CSS Selector，解锁复杂页面的定位技能！

【CSS】样式隔离样式隔离（Style Scoping / CSS Isolation）是指在开发组件或模块时，防止其样式污染全局或其他组件，同时避免被外部样式意外覆盖。

前端展示接受springboot Flux数据demo

一个 CSS 属性aspect-ratio设计稿中的组件常常精致、规整，但一旦进入开发阶段，尤其是响应式场景中，部分 UI 就容易失控。例如：一个包含图片、视频或需保持固定比例的卡片网格组件。表面看似简单，实则暗藏大量布局陷阱。

如何在DevTools选中调试一个实时交互才能显示的元素样式如果你对下列的元素该如何在浏览器调试过程中选中有问题，那就继续看下去吧。通过设置伪类(:hover、:focus 等) 来控制显隐的元素

Lhuu（重开版

CSS:动效布局动画Display属性控制元素的显示类型，是CSS布局的基础，决定了元素如何在页面中排列和占用空间。block

不羁的fang少年

前端常见问题（vue，css，html，js等）在Flexbox布局中，当子元素同时设置了：显式高度（如height: 30px）flex属性（如flex: 1）

CSS Grid 布局详解（2025最新标准）CSS Grid布局一般是指容器的display样式被赋值为 grid，再在容器上布置项目（Item）的布局，它是目前最强大的二维布局系统，比 Flexbox 更适合复杂布局（如仪表盘、杂志排版、响应式页面等）。它可以同时控制行和列，彻底改变了我们写布局的方式。

【前端】CSS媒体查询响应式设计详解：@media (max-width: 600px) {……}这是一个CSS媒体查询（Media Query），用于响应式网页设计。让我详细解释一下：当浏览器视口（viewport）宽度小于或等于600px时，大括号内的CSS样式才会生效。