materialize基于Material Design的现代响应式前端框架

官网 http://materializecss.com
功能上与bootstrap类似。

结构简洁明了

MyWebsite/
  |--css/
  |  |--materialize.css
  |
  |--font/
  |  |--material-design-icons/
  |  |--roboto/
  |
  |--js/
  |  |--materialize.js
  |
  |--index.html

需要注意的:
1、通常导入 Javascript 文件到 body 末尾以减少页面加载时间。
2、必须在导入materialize.js之前导入的jQuery。

基本结构示例

 
  <html>
    <head>
      
      <link   href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
      
      <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>

      
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    head>

    <body>
      
      <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js">script>
      <script type="text/javascript" src="js/materialize.min.js">script>
    body>
  html>

materialize基于Material Design的现代响应式前端框架_第1张图片

你可能感兴趣的:(网站开发)