如果你正在為下一個(gè)前端開發(fā)項(xiàng)目尋找新的CSS框架，不妨了解一下下面提到10個(gè)輕量級CSS框架。在構(gòu)建網(wǎng)站時(shí)，CSS框架為每個(gè)網(wǎng)站設(shè)計(jì)者提供了在制作站點(diǎn)時(shí)需要的工具。但正如你所知道的，加載速度是一個(gè)非常重要的因素。所以，當(dāng)前10大輕量級CSS框架的可幫助你構(gòu)建美觀、功能和超快速加載的網(wǎng)站。

Bootstrap

        Bootstrap 是基于 HTML、CSS、JavaScript 的，它簡潔靈活，使得 Web 開發(fā)更加快捷。 [1]  它由Twitter的設(shè)計(jì)師Mark Otto和Jacob Thornton合作開發(fā)，是一個(gè)CSS/HTML框架。Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范，它即是由動(dòng)態(tài)CSS語言Less寫成。Bootstrap一經(jīng)推出后頗受歡迎，一直是GitHub上的熱門開源項(xiàng)目，包括NASA的MSNBC（微軟全國廣播公司）的Breaking News都使用了該項(xiàng)目。國內(nèi)一些移動(dòng)開發(fā)者較為熟悉的框架，如WeX5前端開源框架等，也是基于Bootstrap源碼進(jìn)行性能優(yōu)化而來。

Pure CSS

       只有g(shù)zip大小3.8KB，但包裝的特點(diǎn)！Pure CSS多年來一直是我選擇的輕量級框架，包括與外包軟件開發(fā)團(tuán)隊(duì)合作。

Bulma

      gzip大小21KB。Bulma雖然不是最輕的，但這個(gè)新的框架非常值得一提。BulMA采用移動(dòng)優(yōu)先的方法構(gòu)建，使得每一個(gè)元素都能進(jìn)行垂直閱讀，其網(wǎng)格完全由FrasBox構(gòu)建。使用相同大小的列實(shí)現(xiàn)靈活的布局非常簡單，只需將.column類添加到HTML元素即可。

Mini.css

      一個(gè)輕量級架，gzip大小7kb，用于創(chuàng)建快速的網(wǎng)站。

UIkit

        UIkit是一個(gè)輕量級的模塊化前端框架，用于開發(fā)快速和強(qiáng)大的Web界面。

Skeleton

      只有400行代碼，然而，它的特點(diǎn)是網(wǎng)格，排版，表格，媒介查詢?？闪⒓礃?gòu)建高質(zhì)量網(wǎng)站。

Base

        Base是一個(gè)非常簡單但很健壯的CSS框架。構(gòu)建了輕量級和最小的代碼，Base旨在為開發(fā)者和設(shè)計(jì)者提供一個(gè)簡單的方法來構(gòu)建跨瀏覽器移動(dòng)網(wǎng)站和應(yīng)用程序。

Spectre

       gzip大小10KB，Simele提供了優(yōu)雅的設(shè)計(jì)和開發(fā)的元素，以及基于Frasbox的、響應(yīng)的和移動(dòng)設(shè)備的布局。

Milligram

       Milligram為快速和干凈的起點(diǎn)提供了最小的樣式設(shè)置。gzip大小2KB，這個(gè)小而強(qiáng)大的框架，排在可用的輕量級框架的前三位。

Picnic CSS

        gzip大小3KB，相當(dāng)輕量級，幫助你你構(gòu)建漂亮的，功能性的網(wǎng)站。

本文鏈接：http://www.hkass.cn/article/171.html