Material Design Lite 概述

2018-12-19 18:17 更新

什么是Material Design Lite ?

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

是它的一些主要特點如下:

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

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

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

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

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

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

  • 免費使用

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

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

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

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

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

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

  • 沒有任何外部JavaScript庫,如jQuery的沒有依賴性。

擴(kuò)展

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

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

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

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

而最重要的是,它是完全免費使用。


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號