2018-10-12 15:37:13 -04:00
---
title: CSS Framework Materialize
localeTitle: CSS Framework Materialize
---
# CSS Framework Materialize
2019-08-12 17:53:58 -03:00
Materialize es un marco de CSS Responsive basado en el [Material Design ](https://design.google.com/spec/ ) Language de Google.
2018-10-12 15:37:13 -04:00
## Empezando
2019-08-12 17:53:58 -03:00
Aquí hay una plantilla HTML simple que incluye lo último en CSS y Javascript compilados y minificados para la biblioteca Materialize.
2018-10-12 15:37:13 -04:00
```html
<!DOCTYPE html>
< html >
< head >
<!-- Import Google Icon Font -->
< link href = "https://fonts.googleapis.com/icon?family=Material+Icons" rel = "stylesheet" >
<!-- Import materialize.css -->
< link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css" >
<!-- Let browser know website is optimized for mobile -->
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" / >
< / head >
< body >
< h1 > Hello World!< / h1 >
<!-- Import jQuery before materialize.js -->
< script type = "text/javascript" src = "https://code.jquery.com/jquery-3.2.1.min.js" > < / script >
< script src = "https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js" > < / script >
< / body >
< / html >
```
Hemos utilizado un CDN en este ejemplo, pero puede consultar otras formas de instalar Materialise [aquí ](http://materializecss.com/getting-started ) .
## Recursos de aprendizaje
2019-08-12 17:53:58 -03:00
* La documentación oficial de Materialize está disponible [aquí ](www.materializecss.com/ ) .
2018-10-12 15:37:13 -04:00
* Ver el repositorio de GitHub de código abierto de Materialize [aquí ](https://github.com/Dogfalo/materialize ) .
2019-08-12 17:53:58 -03:00
* [Aquí ](https://scotch.io/tutorials/make-material-design-websites-with-the-materialize-css-framework ) hay un tutorial útil sobre el uso de Materialize.
