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

实现CSS颜色Materialise支持多种颜色类别。这些颜色类别的启发和发展是考虑到营销，路标和便签中使用的颜色。红粉紫色深紫色靛青蓝色浅蓝青色蓝绿色绿色浅绿色酸橙黄色琥珀色橙子深橙色棕色灰色蓝灰色黑色白色透明用法以下是明度/暗度类别的列表，可用于更改所应用的颜色。减轻1减轻2减轻3减轻4减轻5变暗1变暗2变暗3变暗4口音1口音2口音3口音4例下面的示例演示如何使用上述类来渲染背景或更改文本的颜...

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

Materialize-css 网格Materialise提供了一个标准的12柱流体响应网格系统。它使用行和列样式类分别定义行和列。IndexClass nameDescription1)rowIt is used to specify a padding-less container to be used for responsive columns. This class is mandato...

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

实现CSS实用程序类在Materialize CSS中有几个实用程序类用于设计需求。颜色实用程序类：例如.red，.green，.grey等。对齐实用程序类：例如，.valign-wrapper，.left-align，.rightalign，.center-align，.left，.right根据设备大小隐藏Content实用程序类：例如，.hide，.hideon-small-only，.hi...

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

实现CSS媒体Materialize CSS Media指定了几个类来使图像和视频响应不同的大小。response-img：用于使图像根据屏幕大小调整大小。video-container：用于具有嵌入式视频的响应式容器。响应视频：用于使HTML5视频具有响应能力。例让我们以一个示例在Materialize CSS Media中演示图像，嵌入式视频和自适应视频为例。...

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

实现CSS阴影Materialize CSS提供了不同类型的特殊类，以将容器显示为带有阴影的纸质卡片。这些阴影使文字和图像更具吸引力。IndexClass nameDescription1)z-depth-0It is used to remove the shadow of elements having z-depth by default.2)z-depth-1It is used to s...

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

实现CSS表在Materialize CSS中，您可以使用各种样式显示不同类型的表。以下是各种样式的列表：IndexClass nameDescription1)noneIt is used to represent a basic table without any border.2)strippedIt is used to display a stripped table.3)bordere...

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

实现CSS版式Materialize CSS使用Roboto 2.0作为标准字体。可以使用以下CSS样式覆盖它。例让我们以一个示例来说明标题，块引用和自由流动但响应迅速的文本。输出：...

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

实现CSS徽章Materialize-css 徽章用于通知您有新消息或未读消息或通知。您可以将新类添加到徽章中，以为其提供背景。徽章可以是数字或图标。通常用于强调项数。请参见Materialize CSS徽章中使用的以下两个类：IndexClass nameDescription1)badgeIt is used to identify an element as an mdl badge com...

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

实现CSS按钮Materialize CSS提供了不同的CSS类，以对按钮应用各种预定义的视觉和行为增强。让我们看看这些不同的类及其效果。IndexClass nameDescription1)btnIt is used to set button or anchor as a materialize button, required. It also sets raised display ef...

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

实现CSS BreadCrumbMaterialize CSS BreadCrumb用于显示您的当前位置。当您具有多层内容时，通常使用此方法。Materialize CSS提供了各种CSS类，可以轻松地创建漂亮的面包屑。以下是可用类及其效果的列表。indexclass namedescription1)nav-wrappersets the nav component as breadcrumb/...

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

实现CSS卡Materialize CSS提供了不同的CSS类，以应用各种预定义的视觉和行为增强来显示各种类型的卡。IndexClass nameDescription1)cardIt is used to identify div element as a materialize card container. It is required on “outer” div.2)card-cont...

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

实现CSS芯片Materialize-css 芯片用于表示少量信息。它们主要用于联系人或标签。与Materialize CSS芯片一起使用的类chip：用于将div容器设置为芯片。例让我们以一个示例来演示如何使用芯片类来展示如何创建各种类型的标签。...

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

实现CSS集合Materialize-css 集合可帮助您将列表对象分组在一起。它代表各种类型的集合，其中集合是一组相关的信息项。在Materialize CSS集合中使用的类名列表：IndexClass nameDescription1)collectionIt is used to set the div or ul container as a collection.2)collection...

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

实现CSS页脚页脚用于在页面末尾组织很多站点导航和信息。 Materialize CSS提供了不同的类，以方便用户获得有关该网站的其他信息。IndexClass nameDescription1)page-footerIt is used to set the div container as a footer.2)footer-copyrightIt is used to set the div...

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

实现CSS表单表单用作接收用户输入数据的标准方法。 Materialize CSS为表单设计提供了非常漂亮且响应迅速的CSS。这些元素的过渡和平滑度非常重要，因为与表单关联的固有用户交互作用。IndexClass nameDescription1)input-fieldIt is used to set the div container as an input field container. ...