Material Design Lite 概述

什么是Material Design Lite ？

Material Design Lite ，MDL是使用CSS，JavaScript和HTML創(chuàng)建了一個(gè)UI組件庫(kù)。 MDL UI組件有助于構(gòu)建有吸引力的，一致的，功能性的網(wǎng)頁(yè)，并同時(shí)秉承現(xiàn)代網(wǎng)絡(luò)設(shè)計(jì)原則像瀏覽器的便攜性，設(shè)備獨(dú)立性，以及優(yōu)雅降級(jí)的Web應(yīng)用程序。

是它的一些主要特點(diǎn)如下：

• 內(nèi)置響應(yīng)設(shè)計(jì)。

• CSS標(biāo)準(zhǔn)以最小的足跡。

• 包括常見的用戶界面控件的新版本，如按鈕，復(fù)選框，文本字段，它們適于跟隨材料設(shè)計(jì)概念。

• 包括加強(qiáng)和專門的功能，如卡，列布局，滑塊，紗廠，標(biāo)簽，排版等。

• 可以有或沒(méi)有任何庫(kù)或開發(fā)環(huán)境中使用。

• 跨瀏覽器，并且可以用于創(chuàng)建可重用Web組件。

• 免費(fèi)使用

響應(yīng)式設(shè)計(jì)

• Material Design Lite 已內(nèi)置響應(yīng)設(shè)計(jì)，使使用Material Design Lite 創(chuàng)建的網(wǎng)站將重新設(shè)計(jì)本身根據(jù)設(shè)備尺寸。

• Material Design Lite 類，該網(wǎng)站可以適應(yīng)任何屏幕大小這樣的方式創(chuàng)建的。

• 使用Material Design Lite 創(chuàng)建的網(wǎng)站是與PC，平板電腦和移動(dòng)設(shè)備完全兼容。

標(biāo)準(zhǔn)的CSS

• Material Design Lite 只使用標(biāo)準(zhǔn)的CSS，這是非常容易學(xué)習(xí)。

• 沒(méi)有任何外部JavaScript庫(kù)，如jQuery的沒(méi)有依賴性。

擴(kuò)展

• Material Design Lite 是由設(shè)計(jì)非常簡(jiǎn)約而平坦。

• 它的設(shè)計(jì)考慮的事實(shí)，這是很容易添加新的CSS規(guī)則，而不是覆蓋現(xiàn)有的CSS規(guī)則。

• 它支持陰影和大膽的色彩。

• 在顏色和陰影仍然在不同平臺(tái)和設(shè)備一致。

而最重要的是，它是完全免費(fèi)使用。