Materialize面试题及答案 - [ Web技术面试题及答案 ]

Materialise CSS是一个包含库文件的CSS框架。 它是使用CSS,JavaScript和HTML创建的。 它用于创建有吸引力,可靠,功能强大的网页和Web应用程序。通过阅读下面Materialise面试题和答案,有助于让您在面试过程中应付自如,也可作为测评或复习巩固Materialise知识。

1. 什么是Materialise CSS?

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

详细答案>>

2. Materialise CSS在什么时候创建(发布)?

Materialise CSS于2015年11月8日发布。

详细答案>>

3. Materialise CSS有哪些显着特征?

以下是Materialise CSS的一些显着特征的列表: 它包含内置的响应式设计。它提供标准CSS,占用空间极小。它提供了新版本的通用用户界面控件,例如按钮,复选框和适合遵循Material Design概念的文本字段。它有助于增强和专业功能,如卡片,标签,导航栏,祝酒词等。它是免费使用的,需要jQuery JavaScript库才能正常运行。它支持跨浏览器,可用于创建可重用的Web组件。详细答案>>

4. 如何使用Materialise CSS?

使用Materialise CSS有两种方法: 本地安装:通过在本地计算机上下载materialize.min.css和materialize.min.js文件并将其包含在HTML代码中来实现。 基于CDN的版本:直接从Content Delivery Network(CDN)将materialize.min.css和materialize.min.js文件包含到我们的HTML代码中。 详细答案>>

5. Materialise CSS中的不同Utility类是哪些?

Materialise CSS中不同Utility类的列表: 颜色实用程序类:示例:.red,.green,.grey等。对齐实用程序类:示例:.valign-wrapper,.left-align,.right-align,.center-align,.left,.right等。根据设备大小隐藏内容实用程序类:示例:.hide,.hide-on-small-only,.hide-on-med-only等。格式化实用程序类:示例:truncate,hoverable等。详细答案>>

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

用于在Materialise CSS中创建响应式图像和视频的类列表: responsive-img:此类用于创建响应式图像。video-container:此类用于创建响应式容器,用于嵌入视频。responsive-video:此类用于创建响应式HTML5视频。详细答案>>

7. Materialise CSS中有哪些不同的表格类?

Materialise CSS中不同类的表格: 编号 类名 描述 1 none 用于表示没有任何边框的基本表。 2 stripped 用于显示剥离的表格。 3 bordered 用于在表格中创建边框。 4 highlight 用于突出显示表格。 5 centered 用于创建中心对齐的所有文本。 6 responsive-table 用于创建响应表。 详细答案>>

8. Materialise CSS中的徽章是什么? 徽章类有什么用?

徽章是用于提供屏幕上通知的组件。 它可以是数字或图标。 它用于强调项目数量。 Materialise CSS中使用以下类别的徽章: badge:它将元素标识为MDL徽章组件。new:用于向徽章组件添加新类。详细答案>>

9. Materialise CSS中面包屑(BreadCrumb)的类是什么?

Materialize CSS为BreadCrumb提供了两个类:

  • nav-wrapper:用于将nav组件设置为breadcrumb / nav bar wrapper
  • breadcrumb:用于将anchor元素设置为breadcrumb
详细答案>>

10. Materialise CSS中的Chip是什么?

Chip是Materialise CSS的一个组件,它代表一小部分信息,如标签。

详细答案>>

11. Materialise CSS中的集合是什么? 指定集合的类有哪些?

集合是一组具有相关信息的项目。 以下是Materialise CSS中的集合类列表: 编号 集合类 描述 1 collection 用于将div或ul容器设置为集合。 2 collection-item 用于将a或li项目设置为集合项目。 3 active 将a或li项显示为活动集合项。 4 with-header 用于标记集合以具有标题。 5 collection-header 用于将a或li项设置为集合头。 6 avatar 用于将a或li项目设置为头像项目。 ...详细答案>>

12. 如何在Materialise CSS中创建分页?

可以使用分页类在Materialise CSS中创建分页。 此类与ul元素一起使用。 示例: <ul class="pagination"> <li class="disabled"><a href="#!"><i class="material-icons">chevron_left</i></a></li> &...详细答案>>

13. Materialise CSS中有哪些下拉类?

Materialise CSS中有两种类型的下拉类:

  • dropdown-content:它将<u> HTML标记标识为具体化下拉组件。
  • data-activates:它是下拉ul元素的id。
详细答案>>
注: 此试题仅作为相关知识水平测试,不能作为权威试题和答案。非商业转载注明原文链接即可;商业转载需本站授权同意。