当前位置：文江博客 Node Package Readme 7.css 中文文档教程

7.css 中文文档教程

发布于 3年前浏览 13 项目主页更新于 3年前

7.css

带有标题“我的第一个程序”和两个按钮“确定”和“取消”的窗口的屏幕截图，样式类似于 Windows 7 对话框

7. css 是一个微型 CSS 框架，它采用语义 HTML 并将它们的样式设置为 Windows 7 设计。它建立在 XP.css 之上，是 98.CSS。

它不附带任何 JavaScript，因此它与您选择的前端框架兼容。

Installation / Usage

使用 7.css 的最简单方法是从 unpkg 导入它。

<!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>

或者，您可以从 npm 获取 7.css。

npm install 7.css

用法：

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

参考文档页面具体说明这个框架的组件。

Developing

克隆存储库并运行 npm install。

核心样式在 gui 中管理。

您可以使用 npm start 启动一个开发环境，该环境将监视文件更改并重建文件，并在此过程中重新加载浏览器。

您可以使用 npm run build 手动运行构建。这将写入 dist/ 目录。

Issues, Contributing, etc.

非常欢迎您报告问题、提供帮助或任何您能想到的改进这个可爱的 UI 框架的方法。

License

MIT

Changelog

参考 CHANGELOG。

原文

7.css

A screenshot of a window with the title 'My First Program' and two buttons OK and Cancel, styled like a Windows 7 dialog

7.css is a tiny CSS framework that takes semantic HTML and styles them to the Windows 7 design. It is built on top of XP.css, which is an extension of 98.CSS.

It does not ship with any JavaScript, so it is compatible with your frontend framework of choice.

Installation / Usage

The easiest way to use 7.css is to import it from unpkg.

<!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>

Alternatively, you can grab 7.css from npm.

npm install 7.css

Usage:

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

Refer to the documentation page for specific instructions on this framework's components.

Developing

Clone the repo and run npm install.

The core styles are managed in gui.

You can use npm start to start a development environment that will watch for file changes and rebuild the files, reloading your browser in the process.

You can run a build manually with npm run build. This will write to the dist/ directory.

Issues, Contributing, etc.

You are so welcome to report issues, help out with contributions or whatever you could think of to improve this lovely UI framework.

License

MIT

Changelog

Refer to CHANGELOG.

友情链接

文江博客

7.css 中文文档教程

7.css

Installation / Usage

Developing

Issues, Contributing, etc.

License

Changelog

7.css

Installation / Usage

Developing

Issues, Contributing, etc.

License

Changelog

你可能也喜欢

友情链接