- Material Design Lite 教程
- MDL - 主页
- MDL - 概述
- MDL - 环境设置
- MDL - 布局
- MDL - 网格
- MDL - 选项卡
- MDL - 页脚
- MDL - 徽章
- MDL - 按钮
- MDL - 卡片
- MDL - 进度条
- MDL - 纺纱机
- MDL - 菜单
- MDL - 滑块
- MDL - 复选框
- MDL - 单选按钮
- MDL-图标
- MDL - 开关
- MDL-数据表
- MDL - 文本字段
- MDL - 工具提示
- Material Design Lite 资源
- MDL - 快速指南
- MDL - 有用的资源
- MDL - 讨论
Material Design Lite - 概述
什么是 Material Design Lite?
Material Design Lite(MDL 是一个使用 CSS、JavaScript 和 HTML 创建的 UI 组件库。MDL UI 组件有助于构建有吸引力、一致且实用的网页和 Web 应用程序,同时遵循现代 Web 设计原则,如浏览器可移植性、设备独立性,以及优雅的降级。
以下是 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 完全免费使用。