幽灵 CSS 安装

幽灵 CSS 是一款提供基础的样式表的框架，让开发者在设计页面时能够快速地添加常见的样式并自定义样式。本文将介绍幽灵 CSS 的安装方法。

安装方式

1. 下载

首先，您可以从 GitHub 获取幽灵 CSS 文件，或者在终端输入以下命令，将幽灵 CSS 下载到本地：

git clone https://github.com/youzi-yz/ghost-css.git

2. 使用 CDN

您也可以通过 CDN 在网站上引用幽灵 CSS，只需要在您的 HTML 文件中添加以下代码：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/youzi-yz/ghost-css/dist/ghost.min.css">

3. 使用 NPM 安装

如果您使用 NPM 管理您的项目，可以使用以下命令安装幽灵 CSS：

npm install ghost-css

在您的项目中引入幽灵 CSS：

import 'ghost-css/dist/ghost.css'

开始使用

安装完成后，您就可以在项目中使用幽灵 CSS 提供的样式表了。幽灵 CSS 包含许多预设的 CSS 类，通过添加这些类到 HTML 元素上就能直接添加样式效果。

例如，如果想要添加一个带边框的按钮，只需要在按钮元素上添加 ghost-btn 和 ghost-border 这两个类：

<button class="ghost-btn ghost-border">点击</button>

该按钮就会添加一个带有明显边框的样式效果。

总结

幽灵 CSS 提供了多种安装方式，使得开发者可以更快速、便捷地使用幽灵 CSS 的预设样式表。通过添加 CSS 类，你可以快速而轻松地为你的页面添加样式效果。如果你想要更多的自定义选项，可以参考幽灵 CSS 的文档并添加自己的 CSS 样式。