materializecss.com/ github.com/Dogfalo/mat… www.materializecss.cn/
1，下載 materializecss.cn/bin/materia…
一般將javascript檔案放在頁面body標籤的末端以減少頁面的載入時間。 必須在materialize.js之前引入jQuery
線上演示示例 site.elesos.com/demo-web/st…
顏色 每一種顏色的定義有一個基本的顏色類和一個可選的減輕或變暗的類。 背景顏色： 只需要增加顏色的名稱和顏色深淺度到元素的class屬性中。
This is a card panel with a teal lighten-2 class
顏色值參考Color Palette： materializecss.com/color.html
網格: 用container類來包含我們的body內容,可以使你的頁面內容居中。 s1 表示 small-1，他的意思是 "小螢幕中的一列"。 s = small, m = medium, l = large
佈局
如果有三個等寬度的div，我們定義每個div的寬度是4列，4+4+4 = 12，加起來剛好是12。
導航佈局
對齊
動態陰影
Hoverable Card Panel
更多參加示例頁面：