# 7\.css 中文文档

规范地址：https://npmcn.com/package/7.css/

版本：0\.21\.1
npm 元数据更新时间：2025-07-27T06:50:58.771Z
中文译文更新时间：2026-11-06T10:33:25.176Z
软件包许可：MIT

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/7.css
原文对照：https://npmcn.com/package/7.css/?lang=original
项目主页：https://khang-nd.github.io/7.css
源码仓库：https://github.com/khang-nd/7.css

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：559 kB，30 个文件
- TypeScript 类型：未声明
- 运行依赖：0 个
- 首次发布：2020-12-31T15:02:38.163Z
- 最新版本发布：2025-07-27T06:50:58.574Z
- 近 30 天下载量：3459（2026-10-04 至 2026-11-02，npm 官方下载统计）
- 已发布版本数：26（近 12 个月 0 个）

## 中文简介

用于建造Windows 7 UI的忠实娱乐的设计系统.

## 安装

```sh
npm install 7.css
```

也可以使用：`pnpm add 7.css`、`yarn add 7.css`、`bun add 7.css`

## README

# 7.css (中文(简体) )

[![npm](https://img.shields.io/npm/v/7.css)](http://npm.im/7.css) [![gzip size](https://img.shields.io/bundlephobia/minzip/7.css)](https://unpkg.com/7.css)

**7.css (中文(简体) )** 是一个 CSS 框架,将语义 HTML 带入到 Windows 7 的设计中. 它建在顶部 [缩写:XP.cs](https://github.com/botoxparty/XP.css),这是 [98\. 支助处](https://github.com/jdan/98.css)。 。 。 .

它没有携带任何JavaScript,所以它与您选择的前端框架兼容.

## \* 安装/使用

直接通过 [(单位:公斤)](https://unpkg.com/)数字 :

```html
<!DOCTYPE html>
<html>
  <head>
    <title>7.css example</title>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="https://unpkg.com/7.css" />
  </head>

  <body>
    <div class="window" style="margin: 32px; width: 250px">
      <div class="title-bar">
        <div class="title-bar-text">My First Program</div>
      </div>
      <div class="window-body">
        <p>Hello, world!</p>
      </div>
    </div>
  </body>
</html>
```

通过 [无](https://www.npmjs.com/package/7.css)数字 :

```sh
npm install 7.css
```

然后导入如下:

```javascript
import "7.css/dist/7.css";
```

## \* 文档/演示

参见 [文档页面](https://khang-nd.github.io/7.css/) 关于本框架组成部分的具体指示.

## 发展中

切开回放并运行 `npm install`。 。 。 .

核心样式在 [`gui`](https://github.com/khang-nd/7.css/tree/main/gui)。 。 。 .

你用得着 `npm start` 开始一个将监视文件更改并重建文件的开发环境,在此过程中重新加载您的浏览器.

您可以手动运行一个构建 `npm run build`。这个将写给 `dist/` 目录.

## \* 问题、贡献等.

欢迎你们报告问题、贡献或任何你能想到的来改善这个可爱的UI框架.

## • 一体化

**7.css (中文(简体) )** 社区在以下联署材料框架项目中通过了:

-   韦 - [赢取](https://github.com/Visnalize/win7-ui)
-   斯维尔特 - [丝绒-7.css](https://github.com/JericoFX/svelte-7.css) (工作正在进行)

## QQ 更改日志

参见 [释放](https://github.com/khang-nd/7.css/releases)。 。 。 .

## 常见问题

### 7\.css 是什么？

用于建造Windows 7 UI的忠实娱乐的设计系统\.

### 如何安装 7\.css？

在项目目录运行 npm install 7\.css，或使用 pnpm add / yarn add / bun add。

### 7\.css 支持 TypeScript 吗？

该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/7\.css 是否存在。

### 7\.css 可以商用吗？

7\.css 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### 7\.css 的下载量有多少？

根据 npm 官方下载统计，7\.css 在 2026/10/04 – 2026/11/02 这 30 天内被下载 3,459 次，日均约 115 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### 7\.css 还在维护吗？

最新版本 0\.21\.1 发布于 2025/07/27（1\.3 年前）；至今共发布 26 个版本，其中过去 12 个月发布了 0 个；首次发布于 2020/12/31。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。