📝 Materialize教程

57篇技术文档
  Materialize-css 图标

📅  最后修改于: 2021-01-07 00:47:07        🧑  作者: Mango

实现CSS图标Materialize CSS包含来自Google的932个材料设计图标。这些图标可以直接从Material Design规范中下载。Materialize CSS支持三种类型的图标库:字体真棒图标Google Material图标引导图标如何使用Materialise CSS图标您必须将图标的名称放在HTML <i>元素的类中才能使用该图标。您可以使用以下类来控制图标的大小。Ind...

  Materialize-css 导航栏

📅  最后修改于: 2021-01-07 00:49:24        🧑  作者: Mango

Materialize-css 导航栏导航栏用于创建简单的导航栏。 Materialize CSS提供了各种CSS类来创建导航栏。导航栏在建议的容器div中使用。导航栏有两个主要部分:徽标或品牌链接导航链接(您可以将这些链接向左或向右对齐)您可以通过以下方式使用导航栏:右对齐链接左对齐链接中心徽标活动链接导航栏下拉菜单导航栏带有链接和图标导航栏图标与文本例让我们以Materialize CSS示例...

  Materialize-css 分页

📅  最后修改于: 2021-01-07 00:50:19        🧑  作者: Mango

Materialize-css 分页分页用于将您的长页面分成较短,更易于理解的块。它用于链接单个主页上的小页面。分页类用于在Materialize CSS中添加分页。分页:用于将ul元素设置为分页组件。例输出:...

  Materialize-css 预加载器

📅  最后修改于: 2021-01-07 00:51:13        🧑  作者: Mango

Materialize-css 预加载器(进度栏)当您需要花费较长时间来加载内容时,可以使用预加载器,因此我们提供了数字活动+进度指示器。Materialize提供了各种CSS类,以应用各种预定义的视觉和行为增强来显示各种类型的预加载器或进度条。下表列出了可用的类及其效果。IndexClass nameDescription1)progressIt is used to identify an e...

  Materialize-css 轮播

📅  最后修改于: 2021-01-07 00:52:08        🧑  作者: Mango

Materialize-css 轮播Materialize CSS轮播提供了一种强大而通用的方式来制作图像滑块。它也是触摸启用功能,当我们在手机上使用它时可以提供流畅的体验。的JavaScript例让我们以一个示例来演示Materialise CSS Carousel。输出:...

  Materialize-css JS媒体

📅  最后修改于: 2021-01-07 00:53:07        🧑  作者: Mango

实现JS MediaMaterialize JS媒体组件指定与大型媒体对象(例如图像,视频,音频等)有关的内容。物料箱材料盒是Lightbox插件的材料设计实现。当用户单击图像时,图像将被放大。材质框使图像居中并以平滑,无震颤的方式放大。如果要关闭图像,则可以再次单击图像,滚动鼠标或按ESC键。的JavaScript的JavaScript例让我们以一个示例来演示“材质”框中的媒体(图像)。输出:字...

  Materialize-css 可折叠

📅  最后修改于: 2021-01-07 00:54:05        🧑  作者: Mango

Materialize-css 可折叠可折叠或手风琴用于获取各种预定义的视觉效果和行为增强,以显示各种类型的手风琴。 Materialize CSS提供了不同的CSS类来应用这些可折叠对象。IndexClass nameDescriptioncollapsibleIt is used to identify an element as a materialize collapsible compo...

  Materialize-css 对话框

📅  最后修改于: 2021-01-07 00:55:02        🧑  作者: Mango

Materialize-css 对话框如果需要,对话框用于显示其他信息。它们最初在页面上不可见。它们仅在用户想要查看内容时显示。Materialize CSS提供了各种特殊的方法来向用户显示警报。参数说明消息:它指定要显示给用户的消息。displayLength:指定消息消失的持续时间。className:它指定要应用于烤面包的样式类。例如,“四舍五入”。completeCallback:它指定了...

  Materialize-css 下拉列表

📅  最后修改于: 2021-01-07 00:55:57        🧑  作者: Mango

Materialize-css 下拉菜单Materialize CSS提供了下拉功能。它提供了几个CSS类,以使ul元素成为下拉菜单,并将ul元素的id添加到button或anchor元素的data-activates属性。以下是类及其效果的列表:IndexClass nameDescription1)dropdown-contentIt is used to identify ul as a m...

  Materialize-css 选项卡

📅  最后修改于: 2021-01-07 00:56:52        🧑  作者: Mango

Materialize-css 选项卡Materialize CSS选项卡包含具有与选项卡ID对应的哈希值的选项卡的无序列表。当您单击每个选项卡时,只有带有相应选项卡ID的容器将变为可见。如果要使选项卡不可访问,请将.disabled类添加到该选项卡。Materialize CSS中有三种类型的选项卡:可变宽度的标签固定宽度的标签可滚动的标签您可以在Materialize CSS中使用以下类:In...

  Materialize-css Waves

📅  最后修改于: 2021-01-07 00:57:49        🧑  作者: Mango

Materialize-css WavesMaterialize-css 波用作外部库,用于创建“材料设计”中概述的墨水效果。以下是Materialize CSS中的类及其效果的列表:IndexClass nameDescription1)waves-effectIt is used to apply a wave effect on the control.2)waves-lightIt is...

  Materialize-css 面试问题

📅  最后修改于: 2021-01-07 00:58:49        🧑  作者: Mango

Materialize-css 面试问题1)什么是Materialized CSS?Materialize CSS是一个包含库文件的CSS框架。它使用CSS,JavaScript和HTML创建。它用于创建有吸引力,可靠且功能强大的网页和网络应用程序。2)Materialize CSS何时发布?Materialize-css 于2015年11月8日发布。3)Materialize CSS的显着特征是...