CSS框架是預先準備好的軟體框架,是一系列CSS檔案的集合體,包含了基本的元素重置,頁面排版、網格佈局、表單樣式、通用規則等程式碼區塊,用於簡化web前端開發的工作,提升工作效率。
本教學操作環境:windows7系統、CSS3版、Dell G3電腦。
CSS框架是預先準備好的軟體框架,是一系列 CSS 檔案的集合體。簡單地說,就是一些事先寫好的css,你只需要給你的html元素加上一些特定的類,就可以快速的得到一些想要的效果。
CSS 框架包含了基本的元素重置,頁面排版、網格佈局、表單樣式、通用規則等程式碼區塊,用於簡化web前端開發的工作,提高工作效率。
功能更強大的框架,也配備了更多的功能和附加的基於JavaScript的功能,兩個顯著和廣泛應用範例是Bootstrap和Foundation (framework)。其他awsm.css, Flexify, Materialize, Semantic UI。
一些更大型的框架會使用CSS的解釋器。例如LESS和Sass。
產生原因
寫css也是一樣,從最初只是定義文字顏色、內容排版,到定義所有的表現。 css框架也漸漸被重視了,因為大家都體認到:從具象的表現中抽出抽象的模組來重複使用,是減少使用者下載、方便團隊及個人開發最重要的手段。
特徵
1、抽像出常用的css樣式,高再可用性,高移植性
2、有固有的定義,詳細的文件及開發特性
3、高相容性,可以相容流行的瀏覽器
4、以css為主,但不一定全部是css,可能有一些js(或其他)腳本用於相容瀏覽器
常見的css框架有:
#1、Bootstrap
基於css,JavaScript,html 的前端框架,其中css是重點。
用來實現電腦、手機、平板不同終端設備響應式設計,實現一個見面,多個終端都可以使用。
2、Foundation
它是眾多功能的集合,也是Mac/iOS中其他框架的基礎。
它是一個專業的前端框架,提供業務支援、培訓和諮詢。現已應用於Facebook、Mozilla、Ebay等大型網站。
3、Pure
它是一個輕量級的、響應式的css框架。
主要特點就是純css框架,沒有任何JavaScript程式碼,渲染更快。
學習影片分享:css影片教學
#以上是什麼是css框架的詳細內容。更多資訊請關注PHP中文網其他相關文章!