33 lines
1.0 KiB
Markdown
33 lines
1.0 KiB
Markdown
|
---
|
|||
|
|
title: CSS Framework Material Design Lite
|
|||
|
|
localeTitle: CSS Framework Material Design Lite
|
|||
|
|
---
|
|||
|
|
# CSS Framework Material Design Lite
|
|||
|
|
|
|||
|
|
Material Design Lite可让您为网站添加Material Design外观。它旨在优化跨设备使用。
|
|||
|
|
|
|||
|
|
## 入门
|
|||
|
|
|
|||
|
|
这是一个简单的HTML模板，其中包含MDL库的最新编译和缩小的CSS。
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
|
|||
|
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<head>
|
|||
|
|
<title></title>
|
|||
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
|
|||
|
|
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
|
|||
|
|
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
</body>
|
|||
|
|
</html>
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
我们在此示例中使用了CDN，但您可以[在此处查看](https://getmdl.io/started/index.html)安装MDL的其他方法。
|
|||
|
|
|
|||
|
|
### 学习资源
|
|||
|
|
|
|||
|
|
* MDL的官方文档可[在此处获得](https://getmdl.io/started/index.html) 。
|
|||
|
|
* [在这里](https://github.com/google/material-design-lite)查看MDL的开源GitHub存储库。
|