MDL 概述学习手册

收录于 2023-04-20 00:10:05 · English · بالعربية · Español · हिंदीName · 日本語 · Русский язык · 中文繁體

什么是 Material Design Lite?

Material Design Lite(MDL 是一个使用 CSS、JavaScript 和 HTML 创建的 UI 组件库。MDL UI 组件有助于构建有吸引力、一致且实用的网页和网络应用程序,同时遵守浏览器可移植性等现代网页设计原则、设备独立性和优雅降级。
以下是 Material Design Lite 的显着特点-
内置响应式设计。 占用最少空间的标准 CSS。 包括新版本的常用用户界面控件,例如按钮、复选框和文本字段,这些控件适用于遵循 Material Design 概念。 包括增强型和专用功能,例如卡片、列布局、滑块、微调器、标签、排版等。 可以在有或没有任何库或开发环境的情况下使用。 跨浏览器,可用于创建可重用的 Web 组件。

响应式设计

Material Design Lite 具有内置的响应式设计,因此使用 Material Design Lite 创建的网站将根据设备尺寸重新设计。 Material Design Lite 类的创建方式使网站可以适应任何屏幕尺寸。 使用 Material Design Lite 创建的网站与 PC、平板电脑和移动设备完全兼容。

标准 CSS

Material Design Lite 仅使用标准 CSS,非常容易学习。 不依赖任何外部 JavaScript 库,例如 jQuery。 ExtensibleMaterial Design Lite 的设计非常简约和扁平。 它的设计考虑到添加新的 CSS 规则比覆盖现有的 CSS 规则要容易得多。 它支持阴影和大胆的颜色。 颜色和阴影在各种平台和设备上保持统一。
最重要的是,MDL 完全免费使用。