css

【创世界01】头脑热一把，我要带你纯前端手搓虚拟世界💪！写了一些东西，是突然冒出这个想法的。打算用纯前端技术javascript/html/css，构建一个虚拟的世界，就像Minecraft那样。

03.CSS嵌套 (Nesting)CSS嵌套允许你通过将选择器嵌套在一起来编写更易维护和逻辑清晰的样式规则，类似于Sass等预处理器，但这是CSS的原生功能。

02.CSS变量 (Variables)CSS变量让你能够创建动态的颜色方案和主题，可以在运行时进行更改。CSS变量（也称为CSS自定义属性）是现代CSS中最强大的特性之一。它们允许你定义可重用的值，创建动态主题系统，并大大提高CSS代码的可维护性。

晓得迷路了

栗子前端技术周刊第 108 期 - npm 沙虫攻击 2.0、Ant Design 6.0、Playwright 1.57...🌰栗子前端技术周刊第 108 期 (2025.11.24 - 2025.11.30)：浏览前端一周最新消息，学习国内外优秀文章视频，让我们保持对前端的好奇心。

程序员小寒

【无标题】两栏布局指的是左边宽度固定，右边宽度自适应。DOM 结构如下：实现思路：将父元素设为 flex 布局，左边元素宽度固定，右边元素设为 flex: 1，即自适应。

蒙面价肥猫

Flex布局-彻底掌握 flex-grow / flex-shrink / flex-basisgrow = 扩张因子代表在容器有剩余空间时，该原色站多少“份额”举个例子: 例子1：假如现在有300px的宽度容器。容器包含 A和B两个div,通过flex-grow分别给A和B设置值为1和2，那么A和B会瓜分者300px宽度，A和B分别占比时1/2，也就是A的宽度是100px,B的宽度是200px。

【HTML+CSS】使用HTML与后端技术连接数据库目录一、概述1.1 HTML前端1.2 后端技术1.3 数据库二、HTML表单示例三、PHP后端示例3.1 连接数据库

前端高频面试题之CSS篇（二）两栏布局指的是左边宽度固定，右边宽度自适应。DOM 结构如下：实现思路：将父元素设为 flex 布局，左边元素宽度固定，右边元素设为 flex: 1，即自适应。

【HTML+CSS】使用HTML与后端技术连接数据库目录一、概述1.1 HTML前端1.2 后端技术1.3 数据库二、HTML表单示例三、PHP后端示例3.1 连接数据库

禁毒路上，任重道远 | HTML页面浏览网址：https://mildfx.com（第三百四十七条）：（第三百四十八条）：（第三百五十四条）：

深入理解 CSS 中的 !importantCSS 的核心机制是层叠（Cascading） —— 多个样式规则通过“来源”、“特异性（Specificity）”和“顺序”共同决定最终应用的样式。而 !important 是一种强制提升某条声明优先级的手段，它会绕过正常的层叠逻辑。

CSS 视口单位进化论：从 100vh 的「骗局」到 dvh 的救赎关键词：CSS / 视口单位 / 移动端适配 / 响应式设计 / dvh / svh / lvh / 100vh bug / 前端工程化 / 用户体验

HTML5敲击乐 PART--1在当今的 Web 开发世界中，前端不仅是用户与产品之间的桥梁，更是创意与技术融合的舞台。而作为前端三大基石——HTML、CSS 和 JavaScript——它们分别构建了网页的“骨骼”、“外貌”与“灵魂”。本文将以一个趣味十足的小项目 “HTML5 模拟钢琴” 为切入点，带你系统理解前端开发的核心逻辑，并掌握高效实现交互式应用的关键技巧。

Web前端之canvas实现图片融合与清晰度介绍、合并HTML <dialog>弹窗、<img />显示图片、<button>触发操作。CSS Flex布局、伪类选择器、固定尺寸与弹窗遮罩。

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）。