提起web開發，大多數人通常會想到HTML或者JavaScript，但常常會忘記一項，對訪問網絡能力有著非常深遠影響的技術，它就是css。css是任何網頁中最重要的，根據維基百科的記錄，它甚至可以被稱為全球資訊網三大基礎技術之一，但它也最容易被人遺忘的部分之一。
本文將與你探討9款流行的、功能強大且開源的框架，讓你的css開發得以輕鬆構建精緻的網絡前端。
1、BootstrapBootstrap無疑是最受歡迎的css框架，它是最早的web前端框架之一。由Twitter開發，Bootstrap兼具實用性、功能性以及可擴展性。
Bootstrap也提供了大量的例子來幫助你入門。
通過bootstrap，你可以將不同的組件和布局聯繫起來，來創造一個有趣的頁面設計，它也提供了大量詳細的文檔。
Bootstrap的Github儲存庫中，已經擁有超過19000的提交和1100個貢獻者。基於MIT執照，你也可以加入它們做出屬於自己的貢獻。（與文中所有的框架一樣）。
2、PatternFlyPatternFly是RedHat的開源CSS框架（根據MIT許可）。與Bootstrap相比，PatternFly採用了不同的方式：Bootstrap專為那些創建好看的網站感興趣的人而設計，而PatternFly主要專注於企業應用程式開發人員，並且提供了諸如條形圖，圖表和導航之類的組件，用於創建功能強大，指標驅動的儀錶板。實際上，RedHat使用此CSS框架來進行產品設計，例如OpenShift。
除了靜態HTML，PatternFly還支持ReactJS框架，這是Facebook開發的流行JavaScript框架。
PatternFly具有許多適用於企業級應用程式的高級組件，比如條形圖，圖表，模式和布局等等。
PatternFly的GitHub頁面列出了超過1,050份提交和44個貢獻者。PatternFly得到了很多關注，也非常歡迎你來為項目提供幫助。
3、Material Components for the web憑藉非常成功的Android平臺，Google以MaterialDesign的概念設定了自己的標準設計準則。MaterialDesign標準趨向於在所有Google產品中都得到體現，並且在MIT許可下，它也可以開源並且提供給普通公眾使用。
MaterialDesign有許多組件，被稱為「用於創建用戶界面的交互式構建組塊」。這些按鈕，卡片，背景等，可以在網站或行動應用程式中，創建任何類型的用戶界面。
維護人員為不同的平臺提供詳盡的文檔。
這裡還有分步教程，其中包含用於實現不同目標的練習。
MaterialComponents GitHub頁面包含了用於不同平臺的存儲庫，包括用於網站Web開發的MaterialComponents（MDCWeb）。MDCWeb擁有5700多個提交和349個貢獻者。
4、PureBootstrap,Patternfly, 和MDCWeb都是功能非常強大的css框架，但它們的缺點也在於實在有些複雜繁瑣。如果你想要一款輕量級的css框架——更接近於編碼CSS本身，但又可以幫助你構建一個精緻的網頁，不妨嘗試使用Pure.css。Pure是具有最小佔用空間的輕量級CSS框架。它由Yahoo開發，通過了BSD許可並且是開源的。
儘管體量很小，但Pure提供了許多必需的組件，足以搭建一個精緻的網頁。
如今，Pure在Github上已有565條提交以及59位貢獻者。
5、FoundationFoundation聲稱自己是世界上最高級的響應式前端框架，它為建設一個專業的網站提供了高級的功能和教程。
Foundation擁有大量可獲得的文件，並且已經被許多企業、組織，甚至政客們使用。
在Github上，Foundation的頁面擁有近17000的提交以及1000名貢獻者。就像文中其他框架一樣，Foundation同樣擁有MIT的執行許可。
6、BulmaBulma是一款基於Flexbox的開源框架，並且擁有了MIT的執行許可。Bluma是一款十分輕量的框架，並且僅僅需要一個CSS文件。
Bulma擁有條理清晰的文檔，並且可以讓你很容易地選擇你喜歡的主題進行探索。與此同時，Bulma也擁有許多web組件供你選擇，並運用在設計中。
在Github上，Bulma頁面擁有超過1400條提交以及300名貢獻者。
7、Skeleton如果Pure讓你感到過於繁瑣的話，那麼更加輕量的框架Skeleton倒是一個不錯的選擇。Skeleton的資料庫只有400行，框架也僅僅提供了一些基礎的組件供你開啟CSS框架之旅。
儘管Skeleton十分簡潔，但它提供了詳盡的文檔，可以幫你立刻上手。
Skeleton在Github上擁有167條提交以及22位貢獻者。但是，它並不是最活躍的項目，上一次的更新是在2014年，所以在使用之前需要更多的維護。它獲得了MIT的許可，這也意味著你可以自由的對其進行操作。
8、MaterializeMaterialize是一款基於GoogleMaterial Design 的響應式前端框架，其中包含了Materialize的貢獻者開發的其他主題和組件。
Materialize的文檔十分全面並且非常易於學習，其組件頁包括了按鈕、卡片、導航等。
Materialize在MIT認證下實現了開源，它在Github頁面的提交已經超過了3800條，並且擁有250位貢獻者。
9、BootflatBootflat是一款從Twitter的bootstrap中衍生的一種css開源框架。與Bootstrap相比，Bootflat要更加簡單，也擁有更加輕量的框架組件。
Bootflat的文檔幾乎似乎受到了IKEA的啟發——它展示了每一個組件的圖像而並非文字。
Bootflat通過了MIT的執行許可，其在Github頁面撰寫的文本，也擁有159條提交和8位貢獻者，
寫在最後選擇css開源框架的方法有很多種，取決於你對它的需求——功能是否豐富、操作是否簡潔。就像所有的技術決策那樣，對於所有人來說，沒有唯一正確的答案，只有在發給定的時間和項目中相對正確的選擇。
嘗試著使用他們一段時間，然後看看哪一種才是你在以後的項目中真正需要的。也歡迎你在評論區與我分享反饋意見，我們下期再見！
結尾本期就分享到這裡，我是小編南風吹，專注分享好玩有趣、新奇、實用的開源項目及開發者工具、學習資源！希望能與大家共同學習交流,歡迎關注我的公眾號**【Github導航站】**。