幽灵 CSS 安装

Spectre 是一个轻量级、响应式的现代 CSS 框架，它为可扩展性提供了更快的开发速度。它促进了基于 flexbox 属性的响应式布局系统，同时提供了基本元素和排版样式。它解决了我们曾经遇到的许多问题，例如跨浏览器兼容性问题。在当前情况下，这些网站非常适合所有浏览器（IE、Firefox 和 Chrome）以及所有尺寸的屏幕（台式机、平板电脑、平板电脑和手机）。

在本文中，我们将了解如何以各种可能的方式安装 Spectre。 Spectre 共有 5 种安装方式，具体如下：

• 手动安装
• 从 CDN 安装
• 使用 NPM 安装
• 使用纱线安装
• 从 Bower 安装

我们将依次了解所有这些类型的安装并通过示例实现它们。

手动安装：我们可以从给定的链接轻松下载已编译和缩小的 Spectre CSS 文件。文件大小约为 10Kb。

https://github.com/picturepan2/spectre/releases

下载文件后，将文件放入您当前的工作文件夹并浏览有用的文件，如spectre.min.css 、 spectre-exp.min.css和spectre-icons.min.css 。这将在您的工作文件夹上启用幽灵。然后，指定这些文件路径链接到您的代码。

从 CDN 安装：我们可以简单地使用 HTML 文件头部中的下面提到的链接来启用 Spectre。

使用 NPM 安装：要安装 Spectre，我们只需要运行以下命令，然后我们需要在 HTML 文件中导航所需的文件。

npm install spectre.css --save

使用 Yarn 安装：要安装 Spectre，我们只需要运行以下命令，然后我们需要在 HTML 文件中导航所需的文件。

yarn add spectre.css

从凉亭安装：我们可以从凉亭安装 Spectre。这种安装 Spectre 的方法不是首选和避免的。

bower install spectre.css --save

示例：在此示例中，我们使用 CDN 链接通过示例来说明 Spectre 安装过程。

HTML

  

    
    
    
    

  

    
        
GeeksforGeeks
        

            A Computer Science Portal for Geeks
        
  
        

            Spectre is a lightweight, modern and 
            responsive CSS framework. It solves 
            many problems what we had once like 
            the cross-browser compatibility issue. 
            These days the websites are perfect 
            for all the browsers (IE, Firefox, 
            and Chrome) and for all sizes of 
            screens (Desktop, Tablets, Phablets, 
            and Phones). 
        
    

输出：

幽灵 CSS 安装

参考： https ://picturepan2.github.io/spectre/getting-started/installation.html