CSS-Wing極簡的 CSS 框架
前端生態(tài)系統(tǒng)有著各種各樣的開源框架,這些框架都能讓開發(fā)者的工作更簡單一些。一般情況下,每一個人都有自己不同的需求,有的人看重設(shè)計(jì)美學(xué),而其他一些人看重的是速度和可用度。
Wing是一個新的框架,也是極簡主義愛好者的好朋友。它提供了默認(rèn)格柵布局、自定義元素以及各種組件,而且它的體積只有5KB。
Wing最好的地方,在于它針對默認(rèn)元素提供了自動樣式(auto-styling)功能。當(dāng)你將Wing CSS樣式表放在你的項(xiàng)目之后,你會立刻看到改變。
默認(rèn)的文字、連接、和頁面元素會自動被更改成Wing的設(shè)計(jì)語言。你還可以添加額外的類來豐富頁面的設(shè)計(jì)。
Wing提供了12欄架構(gòu)的960px格柵系統(tǒng)。這個簡單的布局和960px的格柵在當(dāng)今寬屏顯示器上可能會顯得過小,但是如果你喜歡較小的網(wǎng)站,它會是一個不錯的選擇。
http://usewing.ml/就是一個非常簡潔的示例,它的代碼是這樣的:
<div class="row"> <div class="col">1</div> <div class="col">2</div> <div class="col">3</div> </div>
評論
圖片
表情
