Materialize-css 面试问题

1)什么是Materialized CSS?

Materialize CSS是一个包含库文件的CSS框架。它使用CSS，JavaScript和HTML创建。它用于创建有吸引力，可靠且功能强大的网页和网络应用程序。

2)Materialize CSS何时发布?

Materialize-css 于2015年11月8日发布。

3)Materialize CSS的显着特征是什么?

以下是Materialize CSS的一些重要功能：

• 它包含内置的响应式设计。
• 它以最小的占用空间提供了标准CSS。
• 它提供了新版本的通用用户界面控件，例如按钮，复选框和文本字段，均适应了材料设计概念。
• 它促进了增强和专门的功能，例如卡片，标签，导航栏，吐司等。
• 它是免费使用，需要的jQuery JavaScript库函数。
• 它是跨浏览器支持的，可用于创建可重用的Web组件。

4)我们如何使用Materialise CSS?

有两种使用Materialize CSS的方法：

本地安装：通过在我们的本地计算机上下载materialize.min.css和materialize.min.js文件并将它们包含在您的HTML代码中来实现。

基于CDN的版本：通过直接从内容交付网络(CDN)将materialize.min.css和materialize.min.js文件包含到我们的HTML代码中。

5)Materialize CSS中有哪些不同的Utility类?

Materialize CSS中不同实用程序类的列表：

颜色实用程序类：示例：.red，.green，.grey等。

对齐实用程序类：示例：.valign-wrapper，.left-align，.right-align，.center-align，.left，.right等。

根据设备大小隐藏Content实用程序类：示例：.hide，.hide-on-small-only，.hide-on-med-only等。

格式化实用程序类：示例：截断，可悬停等。

6)在Materialize CSS中使用哪些类来创建响应式图像和视频?

在Materialize CSS中用于创建响应式图像和视频的类的列表：

sensitive-img：此类用于创建响应图像。

video-container：此类用于创建响应式容器。那已经嵌入了视频。

响应视频：此类用于创建响应式HTML5视频。

7)Materialize CSS中的表有哪些不同的类?

Materialize CSS中不同类别的表格：

8)Materialize CSS中的徽章是什么?徽章类的用途是什么?

徽章是用于提供屏幕通知的组件。它可以是数字或图标。它用来强调项目的数量。

在Materialize CSS中使用了以下徽章类别：

• badge：将元素标识为MDL Badge组件。
• new：用于向徽章组件添加新类。

9)Materialize CSS中的BreadCrumb是什么类?

Materialize CSS为BreadCrumb提供了两个类：

• nav-wrapper：用于将nav组件设置为面包屑/导航栏包装器。
• 面包屑：用于将锚点元素设置为面包屑。

10)Materialize CSS中的芯片是什么?

Chip是Materialize CSS的组件，它像标签一样代表一小部分信息。

11)什么是Materialize CSS中的Collection?还指定集合的类。

集合是一组具有相关信息的项目。以下是Materialize CSS中的收集类的列表：

12)如何在Materialize CSS中创建分页?

您可以使用分页类在Materialize CSS中创建分页。此类与ul元素一起使用。

例：

  
   
chevron_left
  
   
1
  
   
2
  
   
3
  
   
4
  
   
5
  
   
chevron_right
  
    

13)Materialize CSS中的下拉菜单是什么?

在Materialize CSS中有两种类型的下拉类：

• dropdown-content：将< u > HTML标记标识为实例化下拉组件。
• 数据激活：它是下拉ul元素的ID。