1.7 KiB
1.7 KiB
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í .