1.什麼是css框架
封裝了很多重複的工作
提高了開發的效率
隨著web應用變得越來越複雜。在大量的開發過程中,我們發現有許多的功能模組非常相似。
例如輪播圖,分頁,導航,進度條,模態框等,每一次都手動書寫無疑是在做重複工作。
框架的作用就是把這些功能封裝稱為乙個個元件,在開發過程中直接拿過來使用即可,極大的提高的開發的效率。
2.前端常用框架
amaze ui
framework7
bootstrap(重點,目前最常用的前端框架)
3.bootstrap準備學習
生產環境版本:**已經壓縮,可以直接部署在伺服器
原始碼學習版本:**沒有壓縮,程式設計師可以學醫原始碼
sass版本:進行了sass的預處理版本
npm install bootstrap
3.2-離線文件的使用
所以老師準備乙份離線版的中文文件,直接開啟index檔案即可;
3.3-起步
從零到一看起步;
從一到精通看元件例項;
因為bootstrap主要是用來做移動端與pc端的響應式布局,當然我們任務更多的是移動端布局。
所以就會有一些視口屬性需要設定,包括一些瀏覽器的相容。
不用擔心
文件已經準備了乙個基本模板讓我們複製了。
複製起步頁面中準備好的模板**
並且修改匯入檔案路徑為本地路徑
前端UI框架 Bootstrap 框架
設計前端頁面或者元件的時候,原生的html元件,比較難看,自己設計那些css樣式,非常麻煩,工作量很大,還不一定會。但是其實,網上有很多開源的元件庫,拿來使用就可以了,例如 bootstrap,easyui,layui,miniui。需要的時候,網上可以找到一大堆這種ui框架。直接使用這種現成的輪子...
引用bootstrap框架
html5shiv主要解決html5提出的新的元素不被ie6 8識別,這些新元素不能作為父節點包裹子元素,並且不能應用css樣式。讓css 樣式應用在未知元素上只需執行 document.createelement elementname 即可實現。html5shiv就是根據這個原理建立的。標準的引...
前端框架 BootStrap
bootstrap是基於html5和css3開發的,它在jquery的基礎上進行了更為個性化的完善,形成一套自己獨有的 風格,並相容大部分jquery外掛程式。個人理解 可以使用bootstrap框架開發乙個響應式的頁面,可以同時使用與pc端,pad端和手機端,並且不影響瀏覽的效果。bootstra...