纯 CSS 介绍

纯 CSS 是 CSS 的一个框架。它是一个免费的开源工具集，用于创建响应式网站和 Web 应用程序。 Pure CSS 由 Yahoo 开发，用于创建更快、更美观且响应迅速的网站。它可以用作 Bootstrap 的替代品。

为什么我们使用纯 CSS？

• 这是一种更快、更简单的 Web 开发方式。
• 它创建独立于平台的网页。
• 它创建响应式网页。
• 它也为移动设备设计响应式网页。
• 它是 https://purecss.io/ 上提供的免费和开源框架

纯 CSS 组件：纯 CSS 包含以下组件的集合：

• 根据
• 网格
• 形式
• 纽扣
• 表
• 菜单

如何在网页中使用纯 CSS？

我们可以通过两种方式将 Pure CSS 添加到我们的网页中：

• 使用 NPM 安装
• 使用 CDN 链接

1. 使用 NPM 安装：您可以通过 npm 将 Pure CSS 添加到您的项目中。这是我们推荐的将 Pure CSS 集成到项目的构建过程和工具链中的方法。

$ npm install purecss --save

2. 使用 CDN 链接：您可以通过免费的 unpkg CDN 链接将纯 CSS 添加到您的页面。只需将以下 元素添加到页面的 中，在项目样式表之前。

示例：在此示例中，我们使用 Pure CSS 的 pure-table 类来制作表格。这些表格就像普通的 HTML 表格一样，但在表格元素中添加了填充和边框，并带有一个强调的标题。要创建默认表，请将“纯表”类添加到

元素。

HTML

  

  
    
    
  
    
    

  

    
Default Table: 
  
    
    

                                                                                                                                                                                                                                                                                                                                           

Sr no.	Employee Name	Age	Salary
1	John	27	45000
2	Mike	29	36000

  

---