css

【前端基础】HTML + CSS + JavaScript 快速入门（三）：JS 与 jQuery 实战寻星探路的个人简介：摘要：这是前端基础系列的终章。我们将正式进入编程的世界，学习 JavaScript 的基础语法（变量、函数、对象），了解 DOM 操作，并使用 jQuery 库简化开发。最后，我们将综合运用 HTML+CSS+JS 实现一个具有交互功能的“表白墙”案例。前置知识：HTML 结构与 CSS 样式基础。

DeepSeek生成的网页版小游戏 - 冰壶冰壶小游戏投掷冰壶：在左侧投掷区按住并向右拖动（显示绿色虚线），松开后冰壶按拖动方向力度滑出红黄两队对抗：红队先手，每队8个冰壶，轮流投掷

键盘鼓手苏苏

Flutter for OpenHarmony：injector 轻量级依赖注入库（比 GetIt 更简单的选择）深度解析与鸿蒙适配指南欢迎加入开源鸿蒙跨平台社区：https://openharmonycrossplatform.csdn.net

2026年，我的AI编程助手使用心得（纯个人体验，非评测）今年在AI编程助手上摸索出一套自己的组合拳，分享给同样在路上的创作者们：首选小米MiMo。不是因为它功能多强，而是因为它出设计稿真的快、真的漂亮。脑子里的想法扔给它，几分钟就能看到赏心悦目的初稿，这种“即时满足感”别的工具给不了。 aistudio.xiaomimimo.com/

CSS 语法学习文档（十三）目录第十三篇：CSS 工程化与预处理器13.1 预处理器概述13.1.1 Sass/SCSS、Less、Stylus 特性对比

【CSS进阶】毛玻璃效果与代码解析（1）body放一个全局背景（2）写三张小卡片核心公式：固定背景 + 伪元素 + 模糊 + 负边距 + 溢出隐藏（1）main::before：在main前加一个空元素，背景是（2）设置这个空元素和main大小一样（3）设置模糊效果filter: blur() （4）优化=>模糊效果会向外扩散，如果刚好被容器裁掉，就会产生边缘硬线。解决方法：扩大伪元素范围，使模糊区域完整

仅用 CSS 实现元素圆形排列的方法说在前面，别怪我没提醒你。在这个卷生卷死的前端圈，用纯CSS把一堆元素死死摁在环形布局上，其实早就分化出了两条截然不同的路子。

CSS 语法学习文档（十一）目录第十一篇：表单与用户界面样式11.1 表单控件基础样式重置11.1.1 常见控件默认移除与统一11.1.2 特殊控件样式：文件上传与滑块

简单的视差滚动效果视差滚动（Parallax Scrolling）是一种网页设计技术，通过让不同层级的元素以不同的速度移动，创造出深度和立体感。这种效果模拟了现实世界中远近物体移动速度不同的视觉现象。

CSS:字体属性定义: CSS Fonts属性用于定义字体系列、大小、粗细和文字样式(如斜体)定义: CSS使用font-family属性定义文本的字体系列

DeepSeek生成的网页版念经小助手念经小助手逐字跟读模式：点击经文区域或按键盘空格键，系统会按照汉字顺序逐个高亮显示，引导用户逐字跟读。

CSS 布局深究：行框模型、幽灵节点与绝对居中的数学原理在 CSS 布局中，实现“图片在容器中绝对垂直居中”是一个看似简单实则包含深刻底层原理的需求。许多开发者熟知 line-height 配合 vertical-align: middle 的方案，但往往难以解释为什么字体大小的变化会导致元素位置偏移，以及为什么 font-size: 0 是实现完美的必要条件。

Deepseek辅助生成的HTML5网页版抄经典《弟子规》逐字抄写引导页面右侧显示当前应抄写的单个汉字（楷书大字体）点击“下一字”自动将当前字填入输入框，点击“上一字”回退

CSS 知识点在学习完 HTML 的基础知识点以后，我们迎来了CSS知识点的学习。一句话说明 HTML 和 CSS 的区别与联系就是：HTML负责定义页面的结构和内容，CSS负责控制页面的外观和样式。

Web前端练习1图片提供（图源：网页）核心代码：让图片宽度完全适配容器，高度按比例自动调整，保证图片不变形（height 不用设定也会默认按比例自动调整的）

剑亦未配妥

CSS 折叠引发的 scrollHeight 异常 —— 一次 Blink 引擎的诡异 Bug在日常开发中，可能通过 max-height、opacity 与 overflow:hidden 实现可折叠区域的动画效果。但在超长内容的场景下，这套方案在 Chrome/Edge 中可能引发滚动容器的 scrollHeight 计算异常，导致页面底部出现大片空白。本文记录了一次真实项目的排查过程，分析了 Blink 引擎的边界 Bug，并给出两种可行解决方案及注意事项，供遇到类似问题的开发者参考。

念念不忘必有回响

前端判断文本是否溢出：单行与多行场景的完整解析在前端开发中，经常需要判断一段文本是否在容器内“溢出”（即内容宽度或高度超出了容器的可视区域），从而决定是否显示“展开/收起”按钮、省略号提示、Tooltip 等交互。本文将系统归纳单行文本和多行文本溢出判断的核心原理、常见误区及可靠实现方案

CSS是什么？CSS 全称是 Cascading Style Sheets（层叠样式表），它是专门用来控制网页样式（外观）的语言，和 HTML 配合使用：

CSS基础选择器定义: 选择器就是根据不同需求把不同的标签选出来这就是选择器的作用。简单来说，就是选择标签用的。定义: 选择器分为基础选择器和复合选择器两个大类

CSS 踩坑笔记：为什么列表底部的 margin-bottom 总是“失效”？在开发移动端列表页（尤其是使用 uni-app 或 Vue 开发小程序）时，我们经常遇到这样一个经典问题：