33 lines
1.2 KiB
Markdown
33 lines
1.2 KiB
Markdown
|
---
|
||
|
|
title: CSS Framework Material Design Lite
|
||
|
|
localeTitle: CSS Framework Material Design Lite
|
||
|
|
---
|
||
|
|
# CSS Framework Material Design Lite
|
||
|
|
|
||
|
|
Material Design Lite le permite agregar un aspecto de Material Design a sus sitios web. Su objetivo es optimizar para el uso de dispositivos cruzados.
|
||
|
|
|
||
|
|
## Empezando
|
||
|
|
|
||
|
|
Aquí hay una plantilla HTML simple que incluye el último CSS compilado y minificado para la biblioteca 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>
|
||
|
|
```
|
||
|
|
|
||
|
|
Hemos utilizado un CDN en este ejemplo, pero puede consultar otras formas de instalar MDL [aquí](https://getmdl.io/started/index.html) .
|
||
|
|
|
||
|
|
### Recursos de aprendizaje
|
||
|
|
|
||
|
|
* La documentación oficial de MDL está disponible [aquí](https://getmdl.io/started/index.html) .
|
||
|
|
* Consulte el repositorio GitHub de código abierto de MDL [aquí](https://github.com/google/material-design-lite) .
|