📅  最后修改于: 2020-10-22 06:04:09        🧑  作者: Mango

Materialize提供了特殊的类来表示各种类型的集合，其中一个集合表示一组相关的信息项。Sr.No.Class Name & Description1page-footerSets the div container as a footer.2footer-copyrightSets the div container as a footer-copyright container.例下面的示...

📅  最后修改于: 2020-10-22 06:04:36        🧑  作者: Mango

Materialize具有用于表单设计的非常漂亮且响应迅速的CSS。使用以下CSS-Sr.No.Class Name & Description1input-fieldSets the div container as an input field container. Required.2validateAdds validation styles to an input field.3acti...

📅  最后修改于: 2020-10-22 06:04:55        🧑  作者: Mango

Materialize支持以下流行的图标库-字体真棒图标Google Material图标引导图标用法要使用图标，请将图标的名称放在HTML <i>元素的类中。要控制图标的大小，可以使用以下类-Sr.No.Class Name & Description1tinyDraws an icon of very small size. 1rem.2smallDraws an icon of small ...

📅  最后修改于: 2020-10-22 06:05:28        🧑  作者: Mango

Materialize提供了各种CSS类，可以轻松地创建漂亮的导航栏。下表列出了可用的类及其效果。Sr.No.Class Name & Description1nav-wrapperSets the nav component as nav bar/breadcrumb wrapper.2brand-logoSets the anchor element as the main logo.3nav...

📅  最后修改于: 2020-10-22 06:05:45        🧑  作者: Mango

Materialize提供了各种CSS类，可以轻松创建漂亮的分页栏。下表列出了可用的类及其效果。Sr.No.Class Name & Description1paginationSets the ul element as a pagination component.例以下示例演示了使用导航栏类来展示分页栏。materialize_pagination.htm结果验证结果。...

📅  最后修改于: 2020-10-22 06:06:02        🧑  作者: Mango

Materialize提供了各种CSS类，以应用各种预定义的视觉和行为增强来显示各种类型的预加载器或进度条。下表列出了可用的类及其效果。Sr.No.Class Name & Description1progressIdentifies an element as a progress component. Required for div element.2determinateSets the ...

📅  最后修改于: 2020-10-22 06:06:30        🧑  作者: Mango

Materialize提供了各种CSS类，以应用各种预定义的视觉和行为增强来显示各种类型的手风琴。下表列出了可用的类及其效果。Sr.No.Class Name & Description1collapsibleIdentifies an element as a materialize collapsible component. Required for ul element.2collapsi...

📅  最后修改于: 2020-10-22 06:06:52        🧑  作者: Mango

Materialize提供了各种特殊方法来向用户显示通俗易懂的警报。物化为他们提供术语敬酒。以下是将对话框显示为吐司的语法。哪里，消息-要显示给用户的消息。displayLength-消息的持续时间，之后消息将消失。className-要应用于烤面包的样式类。例如，“四舍五入”。completeCallback-吐司关闭后要调用的回调方法。对于工具提示，Materialize提供以下CSS类。Sr...

📅  最后修改于: 2020-10-22 06:07:09        🧑  作者: Mango

Materialize提供了下拉CSS类，使ul元素成为下拉菜单，并将ul元素的ID添加到按钮或锚点元素的data-activates属性中。下表列出了可用的类及其效果。Sr.No.Class Name & Description1dropdown-contentIdentifies ul as a materialize dropdown component. Required for ul e...

📅  最后修改于: 2020-10-22 06:07:26        🧑  作者: Mango

Materialize提供了选项卡CSS类，以使ul元素成为选项卡。下表列出了可用的类及其效果。Sr.No.Class Name & Description1tabsIdentifies ul as a materialize tab component. Required for ul element.2activeMakes a tab active.例以下是使用选项卡的示例。material...

📅  最后修改于: 2020-10-22 06:07:42        🧑  作者: Mango

Materialize使用外部库Waves来创建“材质设计”中概述的墨水效果。下表列出了可用的类及其效果。Sr.No.Class Name & Description1waves-effectApplies a wave effect on the control.2waves-lightApplies a white colored wave effect.3waves-redApplies a...

📅  最后修改于: 2020-10-22 06:07:59        🧑  作者: Mango

以下资源包含有关Materialize的其他信息。请使用它们来获得有关此方面的更深入的知识。关于实现的有用链接Materialize-Materialize官方主页关于Materialize的有用书籍...

📅  最后修改于: 2020-10-22 06:08:12        🧑  作者: Mango

Materialize是使用CSS，JavaScript和HTML创建的UI组件库。物化UI组件有助于构建引人注目的，一致且功能正常的网页和Web应用程序，同时坚持现代的网页设计原则，例如浏览器的可移植性，设备独立性和正常降级。它有助于创建更快，更美观，响应速度更快的网站。它的灵感来自Google Material Design。...

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

实现CSS教程Materialise CSS教程提供了Materialise CSS的基本和高级概念。我们的Materialise CSS教程专为初学者和专业人士设计。Materialize CSS是由Google设计的UI组件库。我们的Materialise CSS教程包含了Materialize CSS的所有主题，例如什么是Materialize CSS，介绍，安装，颜色，网格，表格，按钮，媒...

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

实现CSS安装有两种安装和使用Materialize CSS的方法。本地安装：您可以通过在本地系统上下载materialize.min.css和materialize.min.js文件并将其包含在HTML代码中来使用Materialize CSS。基于CDN的版本：您可以通过直接从内容交付网络(CDN)将materialize.min.css和materialize.min.js文件包含到HTML...