css

从零到一：我用微信小程序做了一款串珠DIY定制工具在手工DIY风潮兴起的当下，不少串珠爱好者面临「选珠难、搭配难、计价繁」的痛点：线下挑选珠子耗时久，线上无法直观预览搭配效果，手动计算周长、克重、总价易出错。为解决这些问题，我开发了这款串珠定制微信小程序——让用户零门槛在线设计、可视化预览、实时计价个性化手串，满足创作与消费决策需求。

11 空间转换前端 Web 开发 HTML5 + CSS3 + 移动 web 视频教程，前端web入门首选黑马程序员【前端Web开发HTML5+CSS3+移动web视频教程，前端web入门首选黑马程序员】 https://www.bilibili.com/video/BV1kM4y127Li/?p=146&share_source=copy_web&vd_source=855891859b2dc554eace9de3f28b4528

小李子呢0211

前端八股CSS---CSS布局目录一、五种布局方式总览二、详细解析1. 标准流布局（Normal Flow）2. 浮动布局（Float）

水云桐程序员

前端教程官方文档｜HTML、CSS、JavaScript教程官方文档学习前端开发，最核心的路线是掌握 HTML、CSS、JavaScript 三大基础，然后再进阶学习主流框架。为了方便你一站式直达权威的学习资源，我为你整理了前端开发最核心的官方文档与教程入口：

CSS Flexbox 与 Grid 的默认行为-布局的底层机制当我们将一个元素设置为 display: flex 时，一系列默认行为会立即生效：关键洞察：align-items: stretch 是Flexbox中最容易被忽视但影响深远的默认值。它意味着所有Flex项目在交叉轴方向上会拉伸以填满容器的高度（或宽度，取决于主轴方向）。这一行为解释了为什么Flex项目在没有明确高度设置时会自动等高。

小宋的踩坑日记

全网最全！Tailwind/Unocss 类名速查表，前端开发必备神器！还在为记不住CSS类名而烦恼吗？还在为小程序和Web界面样式不一致而头疼吗？今天给大家带来一份 Tailwind/Unocss 类名速查表，这可能是你见过最全、最实用的原子化CSS指南！不管你是开发微信小程序、H5页面还是PC端应用，这份指南都能让你效率翻倍！

里欧跑得慢

CSS 嵌套：编写更优雅的样式代码让 CSS 结构更清晰，层次更分明，代码更易维护。作为一名把代码当散文写的 UI 匠人，我对代码的可读性和结构有着近乎偏执的要求。CSS 嵌套让我们能够按照 HTML 的层次结构来组织样式，就像写小说一样，有章节、有段落、有层次。这不仅让代码更易读，也让维护变得更加轻松。

里欧跑得慢

CSS变量与自定义属性详解CSS变量（也称为自定义属性）是CSS的一项强大特性，它允许你定义可重用的值，并在整个样式表中使用。本文将深入探讨CSS变量的使用方法和最佳实践，帮助你创建更加灵活、可维护的样式。

CSS page-break-before 属性详解：控制打印分页的艺术在日常开发中，我们经常需要将网页内容打印成纸质文档或PDF格式。然而，默认的打印效果往往不尽如人意——表格被分割在两页、标题出现在页尾、重要内容被切断等问题时有发生。CSS的page-break-before属性正是为解决这些问题而生的利器。

CSS盒子模型每个 HTML 元素都可以看作一个矩形盒子，由四部分组成（由内向外）：单一方向：border-top、border-right、border-bottom、border-left

CSS Loading 动画生成器本文深入讲解 CSS Loading 动画的实现原理，包括关键帧动画、timing-function 曲线、GPU 加速优化以及四种经典加载动画的代码实现。

晓得迷路了

栗子前端技术周刊第 127 期 - pnpm 11.0、Remix 3 Beta Preview、Astro 6.20...🌰栗子前端技术周刊第 127 期 (2026.04.27 - 2026.05.03)：浏览前端一周最新消息，学习国内外优秀文章，让我们保持对前端的好奇心。

DFT计算杂谈

wannier90 参数详解大全本文基于 Wannier90 官方文档，系统梳理 wannier.win 输入文件中的全部参数。https://wannier90.readthedocs.io/en/latest/user_guide/wannier90/parameters/

DAY13_CSS3进阶完全指南 —— 背景、边框、文本、渐变、滤镜与 Web 字体（下）渐变是图像：CSS 渐变本质是 CSS 生成的图像可用于所有需要 image 的属性： • background-image ✅ • list-style-image ✅ • border-image ✅

CSS 阴影生成器：从单层到多层叠加的艺术先来拆解一下语法：六个参数，除了 inset 可选，其他都可以排列组合：最容易被忽略的是 spread。很多人以为阴影只能往外扩，其实负值可以让阴影缩小，这在做一些微妙效果时很有用。

龙猫里的小梅啊

CSS（七）CSS列表控制HTML无序列表<ul>、有序列表<ol>是导航栏、菜单、图文列表的核心结构，CSS列表控制属性用于清除浏览器默认样式、自定义列表标记，是制作导航菜单的第一步。

李李李勃谦

鸿蒙PC配色方案工具：取色、配色生成与 CSS 导出欢迎加入开源鸿蒙PC社区： https://harmonypc.csdn.net/项目 Git 仓库： https://atomgit.com/liboqian/harmonyOs_color

AI 一键生成 HTML/CSS/JS 静态网站【压缩包返回可直接提交】写给正在修《网页设计与制作》《Web 前端基础》《多媒体网页设计》的同学：期末大作业要交多页面静态站、响应式布局、还要写得像「成品」？不用通宵抠 DIV。本项目是 AI HTML/CSS/JS 项目生成器：输入主题和需求，选模型、选页数，流式生成完整 ZIP 项目，本地解压就能改、就能交。重点：平台开放「分享换卡密」——按规则把真实使用体验分享到微信群 / QQ / 小红书 / 抖音 / B 站动态等平台，审核通过即可免费领取使用卡密，降低你做课程作业与课程设计的成本。（具体规则与开放时间以站点公告为准

用户236782980168

CSS 阴影生成器：从单层到多层叠加的艺术先来拆解一下语法：六个参数，除了 inset 可选，其他都可以排列组合：最容易被忽略的是 spread。很多人以为阴影只能往外扩，其实负值可以让阴影缩小，这在做一些微妙效果时很有用。