对于首页来说，主要涉及BootStrap的相关知识，使用网格来布局页面，灌输容器的概念。 最右边的书籍分类涉及到列表组的应用，jquery选择主要用在列表组设备li:(gt)...
下面是 jQuery 官方网站的链接：
jQuery API 文档
登录
这里是BootStrap官方网站的链接：
Bootstrap中文网站
根据Bootstrap官网已有的模板，调整为自己需要的页面
登记
根据用户需求，调整到自己需要的页面，和登录一样，同样调整样式网站导航栏模板，调整内外行距、宽度和高度……
书籍搜索
该页面基本采用网格进行布局，主要借助网格行、列、偏移的概念
购物车
本页面基本使用grid进行布局，Easyui中datagrid数据表组件的实现方法
其余的网站导航栏模板，样式还采用了一些定位的形式，调整内外线间距、宽度和高度……
当然，如果你想让页面上的颜色更好看，但又记不住颜色的样式，博主建议你使用颜色选择器来调整你需要的颜色：
获取 Color 颜色选择器链接
这种类型的取色器可以直接从官方网站下载，然后安装。 官网有其介绍和详细的安装教程，这里就不一一演示了~
如何使用颜色选择器：如果你想在那里获取颜色，只需将键盘浮动在那里，然后按 Alt+C 获取颜色，然后按 ctrl+c 复制颜色
当然取色器的种类有很多种，根据个人需求选择即可~
代码
记得先将需要用到的css、js、img图片导出到项目中
我这里使用eclipse进行编码，但后端也可以使用Hbuild进行编码。 博主习惯把backend和background放在一起，方便以后查看代码~
fg.css：（所有页面的外部CSS样式）
*{
margin: 0;
padding: 0;
}
/* 搜索栏 start */
.search-parent{
position: relative;
height: 100px;
}
.search{
position: absolute;
background-color: #D6CCBB;
width: 1140px;
height: 90px;
}
.search-parent input{
position: absolute;
top: 30px;
left: 400px;
z-index: 2;
}
.search-parent button{
position: absolute;
top: 27px;
left: 575px;
z-index: 2;
}
/* 搜索栏 end */
/* 主内容区 start*/
.bg-color1{
background-color: #B1120F ;
}
.bg-color2{
background-color: #D9CCBB ;
}
.bg-opacity{
opacity: 0.3;
}
.c-category li{
cursor: pointer;
text-align: center;
}
.guangao>img{
width: 725px;
}
.l-content{
padding-right: 0;
}
.r-content{
padding: 0;
}
.tip{
position: relative;
height: 40px;
width: 725px;
background-color:#D9CCBB;
}
.tip>img{
position: absolute;
}
.tip>h5{
position: absolute;
left: 20px;
}
.book img{
width: 80px;
height: 110px;
}
.book p{
margin-bottom: 0;
}
.book>div{
padding: 0;
}
.shop-table-tab{
margin: 0 110px;
}
导入样式后最好在页面上随意写一些内容，看看有没有疗效再进行下一步，以防以后疗效不出来
