---
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="http://192.168.109.2/resources/google-icons/iconfont/material-icons.css"> 
        <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) .