如何使用物化 CSS ？

Materialize CSS是一种由 CSS、JavaScript 和 HTML 组成的设计语言。它是由谷歌制作和计划的。 Materialise 由 Google 创建和设计。 Google 的目标是开发一种系统设计，允许在任何平台上的所有产品上提供更好的用户体验。它还使网页具有移动响应能力。

使用物化 CSS

1. 本地安装：您可以在您的系统上从 Materialise 下载文件并将它们包含在您的 HTML 文件中。

例子：

HTML

    
        
        
  
        
        
        
    
    
        
            
                
                  GeeksforGeeks
                
            
            
              Click Me
            
        
    

输出：

2.使用CDN链接：可以使用CDN链接运行代码，无需安装。在 head 标签内包含以下 CDN 链接。

例子：

HTML

    
    
  
    
    
      


     
        
          Hello World by GeeksforGeeks
        
     
  

输出：

基于 CDN

使用 npm 安装 Materialize：在将其安装到您的系统之前，首先，安装 node.js 和 npm，然后在终端中运行以下命令：

npm install materialize-css@next

使用此命令后的文件夹结构如下图所示。然后，您可以访问应用程序中的 Materialize 组件。

使用 Bower 安装 Materialise：

在安装 Materialise bower 包之前，先安装 Bower，否则它会给你一个错误。

npm install -g bower

使用此命令在您的系统中安装 Materialise bower 包

bower install materialize

使用此命令后的文件夹结构如下图所示。然后，您可以访问应用程序中的 Materialize 组件。

注意： Bower 已被弃用。