多列卡片 · 布局样板

📐 多列卡片布局

网格化卡片展示，适合文章列表、产品入口、功能导航等场景。

📄

HTML 基础

HTML 标签、语义化、表单、表格等基础知识速查。

前端入门

查看详情 →

🎨

CSS 样式

布局、Flex、Grid、动画、响应式等常用 CSS 技巧。

样式布局

查看详情 →

⚡

JavaScript

DOM 操作、事件处理、异步编程、常用 API 速查。

交互进阶

查看详情 →

📊

Mermaid 流程图

flowchart、subgraph、classDef 完整语法及导出流程。

可视化 SVG

查看详情 →

🖥️

Linux 命令

常用 Linux 命令、包管理、进程管理、网络配置速查。

运维命令行

查看详情 →

🗺️

Sitemap 生成

tree → sitemap.html → sitemap.xml 完整工作流。

SEO 工具

查看详情 →

<div class="card-grid">
    <div class="card-item">
        <span class="card-icon">📄</span>
        <h4>标题</h4>
        <p>描述文字...</p>
        <a href="#">查看 →</a>
    </div>
    <!-- 更多卡片 -->
</div>
    