Materialize CSS 教程

Materialize CSS 教程提供 Materialize CSS 的基本和高级概念。我们的 Materialize CSS 教程专为初学者和专业人士设计。

Materialize CSS 是一个由 Google 设计的 UI 组件库。

我们的 Materialize CSS 教程包括 Materialize CSS 的所有主题，例如什么是 Materialize CSS、简介、安装、颜色、网格、表格、按钮、媒体、阴影、徽章、卡片、芯片、页脚、表单、图标、导航栏、分页、寻呼机、下拉菜单、对话框、选项卡等。

什么是 Materialize CSS

Materialize CSS 是一个使用 CSS、JavaScript 和 HTML 创建的 UI 组件库。它由 Google 创建和设计。 Materialize CSS 也被称为 Material Design。它是一种设计语言，结合了成功设计的经典原则以及创新和技术。 Google 的目标是开发一种设计系统，允许在任何平台上跨所有产品实现统一的用户体验。

它用于构建有吸引力、一致且功能齐全的网页和 Web 应用程序，同时遵循现代 Web 设计原则，例如浏览器可移植性、设备独立性和优雅降级。

Materialize CSS 的特性

• 它是一个标准的 CSS，占用空间很小。
• 内置响应式设计
• 它是免费使用的，并且需要 jQuery JavaScript 库才能正常运行。
• 它是跨浏览器的，兼容的，并且可以用于创建可重用的 Web 组件。
• 它包含增强的和专门的功能，例如卡片、选项卡、导航栏、提示等。
• 它提供了通用用户界面控件的新版本，例如按钮、复选框和文本字段，这些控件经过调整以遵循 Material Design 概念。

响应式设计

Materialize 具有内置的响应式设计，因此使用 Materialize 创建的网站会根据设备大小重新设计自身。Materialize 类以这样一种方式创建，即网站可以适应任何屏幕尺寸。

使用 Materialize 创建的网站与 PC、平板电脑和移动设备完全兼容。

可扩展

Materialize 在设计上非常简约和平坦。它的设计考虑到了添加新的 CSS 规则比覆盖现有的 CSS 规则容易得多。它支持阴影和粗体颜色。颜色和阴影在各种平台和设备上保持一致。

最重要的是，它是完全免费使用的。

Materialize CSS 索引

前提条件

要学习 Materialize CSS，您必须具备 HTML 和 CSS 的基本知识。

目标受众

我们的 Materialize CSS 教程旨在帮助初学者和专业人士。

问题

我们保证您在本 Materialize CSS 教程中不会发现任何问题。但是如果有什么错误，请在联系表格中发布问题。