greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
freeCodeCamp/guide/spanish/css/css-frameworks/css-framework-materialize/index.md

1.7 KiB
Raw Blame History

title localeTitle
CSS Framework Materialize CSS Framework Materialize

CSS Framework Materialize

Materialise es un marco de CSS Responsive basado en el Material Design Language de Google.

Empezando

Aquí hay una plantilla HTML simple que incluye lo último en CSS y Javascript compilados y minificados para la biblioteca Materialise.


    <!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í .

Recursos de aprendizaje

  • La documentación oficial de Materialise está disponible aquí .
  • Ver el repositorio de GitHub de código abierto de Materialize aquí .
  • Aquí hay un tutorial útil sobre el uso de Materialise.