33 lines
1.5 KiB
Markdown
33 lines
1.5 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-шаблон, который включает в себя последний скомпилированный и уменьшенный CSS для библиотеки MDL.
|
|||
|
|
|
|||
|
|
```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 в этом примере, но вы можете оформить и другие способы установки MDL [здесь](https://getmdl.io/started/index.html) .
|
|||
|
|
|
|||
|
|
### Учебные ресурсы
|
|||
|
|
|
|||
|
|
* Официальная документация MDL доступна [здесь](https://getmdl.io/started/index.html) .
|
|||
|
|
* С открытым исходным кодом GitHub хранилище Checkout MDL в [здесь](https://github.com/google/material-design-lite) .
|