首頁  >  文章  >  web前端  >  什麼是css框架

什麼是css框架

青灯夜游
青灯夜游原創
2021-05-11 16:56:466686瀏覽

CSS框架是預先準備好的軟體框架,是一系列CSS檔案的集合體,包含了基本的元素重置,頁面排版、網格佈局、表單樣式、通用規則等程式碼區塊,用於簡化web前端開發的工作,提升工作效率。

什麼是css框架

本教學操作環境: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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn