做前端布局时经常遇到一个反直觉的现象：父容器用了 display: flex，子项里放了一段长文本或者一个宽表格，明明给子项写了 min-width: 0，横向...

最近X上有个热门帖子讲到HTML正在逐步替代Markdown，理由在AI编程工具的支持下，HTML更加直观，展示形态更加丰富。

🔖 收藏本文，下次被蚊子咬了拿出来泄愤！ 👆 点赞关注，更多有趣的前端小项目持续更新！

HTML 本身只负责结构搭建，颜色、背景这些外观表现全部交给 CSS 来处理。在 CSS 中，颜色值的表达方式有三种主流写法，理解它们之后后面的操作就都能看懂了...

HTML 是网页的基石，理论上任何现代浏览器都能直接解析。谷歌浏览器（Chrome）对 HTML 标准的支持度甚至排在前列。所以当你遇到"双击没反应""页面空白...

CSS 的颜色写法五花八门——十六进制 #ff6b6b、RGB rgb(255,107,107)、HSL hsl(0,100%,71%)……但最直观、最语义化的...

这些需求本质上都是对对象数组做转换和映射，而 map() 配合解构赋值，正是处理这类问题最顺手的组合拳。

CSS 中浮动元素（float）脱离普通文档流，很容易和后面的兄弟元素或父容器发生重叠 / 高度塌陷，这是经典问题。下面按「原因 → 解决方案 → 推荐做法」系...

上周 code review，看到一个同事写的 picture 标签，差点没把我送走。

在电商运营、商务合作或市场调研等场景中，有时需要获取抖店（抖音小店）商家的公开联系电话。本教程将介绍一款轻量级工具，它能够从商家公开页面中提取联系电话信息。该工...

后来我发现，不止视频，小红书卡片、简历、数据图表、甚至公众号里的动画——全都可以用 HTML 做。

在 Java 开发中，从 HTML 文件中剔除标签、样式、脚本等冗余信息、提取核心纯文本，是数据清洗、全文索引、AI 训练数据准备等场景下的高频需求。面对嵌套复...

过去几年，我们写前端应用时，动不动就加骨架屏、loading 动画、励志文案，生怕用户在等待中流失。可问题是：用户仍然讨厌等待。

前两节课咱们讲了网页的骨架结构和常用标签，今天讲一个能让你网页"活起来"的标签——a 标签，超链接。

图片标签有个必不可少的属性叫 src，用来告诉浏览器图片文件在哪里。比如图片和你的 html 文件在同一个文件夹，图片名叫 3.jpg，那就写 <img src...

你平时用浏览器打开的网站，微信点开的网页，扫二维码跳出来的页面——这些的基础单元，全都是网页。