儘管大多數網站都是在內容管理器下運行的,但要說從零開始創建門戶,還有很多話要說。 而且,無論如何,內容管理員還需要有人來照顧他們的視覺外觀。 在這篇文章中 我們將介紹一些用於創建CSS樣式表的最佳工具。
讓我們從頭開始。 什麼是CSS?
你夢the以求的房子是什麼樣的? 它會有一兩層嗎? 您要樓下的臥室和樓上的廚房嗎? 為什麼不把浴缸放在臥室裡呢?
一旦解決,您將為房間塗什麼顏色? 你會做石頭的前面嗎?
我們可以在網站和房屋之間進行類比。 一方面,我們有 網站的結構,另一方面是視覺方面。 在這種情況下,通過查看裝飾樣本,用平面圖和視覺外觀確定結構。
CSS是級聯樣式表的縮寫。。 HTML用於構造Web文檔(定義頁面,標題等內容,並指示何時嵌入圖像,視頻和其他媒體) CSS設置頁面佈局樣式,顏色和版式。
使用CSS 您可以為每個HTML元素定義樣式。 元素是網頁的各個HTML組件。
樣式表 他們可以是外部的,內部的或在線的。 如果要在外部使用它們,則必須將它們另存為.css文件,並告訴.html文件在哪裡可以找到它們。
在內部模式下,指令被寫在特定.html頁面的標題中,這使頁面加載較慢,修改也更複雜。
在聯機模式下,外部樣式表託管在其他服務器上。 當我們要多次使用它們時,它們特別適合。
什麼是CSS框架?
CSS框架 它們是用戶界面開發人員用來提高工作速度的工具。 l不必在每次出現新項目時都從頭開始創建解決方案,而是框架為開發人員提供了快速創建可以根據需要進行調整和迭代的用戶界面的工具。
簡而言之,我們可以將框架定義為 準備好使用的CSS樣式表的集合 在不同的情況下。
節省時間並不是使用CSS框架的唯一好處。 通過使用它們,使設計標準化 它們使開發人員可以輕鬆閱讀另一位開發人員的代碼。
最好的開源CSS框架
引導
根據自己Bootstrap是最流行的HTML,CSS和JS框架。 它是設計移動友好型(“移動優先”)和響應式網站的理想選擇。
粉底遮瑕
似乎製作框架的人沒有祖母。
粉底遮瑕 描述 被譽為“世界上最先進的自適應框架”
這是用於創建網站和Web應用程序的有用工具 著重於業務需求。 用戶包括Facebook,eBay,Mozilla,Adobe,HP,Cisco和Disney。
布爾瑪
布爾瑪 是一個免費的開源CSS框架 基於Flexbox並有200.000多名開發人員使用。
Flexbox旨在幫助在界面中的項目之間分配空間,並提高對齊能力。 Flexbox一次只能處理一個尺寸的佈局-無論是行還是列。 這與CSS網格佈局的二維模型相反,該模型同時處理列和行。
語義UI
語義UI 是一個開發框架, 使用人性化的HTML幫助創建美觀且響應迅速的佈局。
這個框架有望使我們通過其3000多個主題變量和50多個用戶界面組件來構建精美的設計。
它還與許多第三方庫集成,包括React,Angular,Meteor或Ember。
缺少UIKIT
我記下一個
我讀過的最糟糕的文章 linuxadictos