頁面模板

1、EasyUI(推薦指數★)

使用方法：把文件下載到本地、直接從官網上把源碼拷貝過來，更改下js的路徑即可

優點：功能非常多、非常齊全 偏做后臺管理

缺點：定制時改造代價大、不僅要改CSS 還要改JS

2、jQueryUI(推薦指數★★)

使用方法：把文件下載到本地、直接從官網上把源碼拷貝過來，更改下JS的路徑即可

優點：功能完善、JS比較多?偏做后臺管理

缺點：頁面不太好看、要自己進行調整的多

3、Bootstrap(推薦指數★★★)

使用方法：把文件下載到本地、直接從官網上把源碼拷貝過來，更改下JS的路徑即可

優點：頁面簡潔、符合審美 前端后端都能做

補充：

①響應式(@media當頁面大小變化時，頁面樣式進行更改)

頁面樣式自動切換.html

Title

.c1{

background-color: red;

height: 50px;

}

/*默認應用c2的樣式 當頁面小于900時c2樣式失效*/

@media (min-width: 900px) {

.c2{

background-color: gray;

}

}

頁面樣式自動切換.html

②?圖標、字體(@font-face登錄官網查看想要的圖標，把代碼拷貝下來即可)

圖標的引用.html

Title

Action

Toggle Dropdown

• Action
• Another action
• Something else here
• Separated link

圖標的引用.html

③?基本使用(!important強制使用自定義的樣式)

bootstrap樣式和自定義樣式搭配.html

Title

.backgroupbule{

background-color: blue !important;

}

Toggle navigation

Brand

• Link
• Link

• Dropdown

  • Action
  • Another action
  • Something else here
  • Separated link
  • One more separated link

Submit

• Link

• Dropdown

  • Action
  • Another action
  • Something else here
  • Separated link

bootstrap樣式和自定義樣式搭配.html

4、自己做模板(推薦指數★★★★)

定制自己的模板

5、前端組件介紹(插件)

bxslider:bxslider.com

總結

以上是生活随笔為你收集整理的python做前端开发_Python开发【前端】:汇总的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。