页面模板

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

图标的引用.html

③ 基本使用(!important强制使用自定义的样式)

bootstrap样式和自定义样式搭配.html

Title

.backgroupbule{

background-color: blue !important;

}

bootstrap样式和自定义样式搭配.html

4、自己做模板(推荐指数★★★★)

定制自己的模板

5、前端组件介绍(插件)

bxslider:bxslider.com