开发者学堂课程【移动 Web 前端开发：首页-商品盒子】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/594/detail/8408
首页-商品盒子
基本内容
一、商品区块
二、产品区块
一、商品区块
1、商品区块包括掌上秒杀、京东超市、京东自营、京东热门
2、这四个模块都有 标题、上边距、内容、边框
3、这两个区块比较相似：它们都有边框和阴影、每个区块距离上边框都有间距、标题形
4、仔细观察下图，下边区块相较于上边区块有一定的缩进。
5、商品区域
.jd_product {
padding：0 5px；
}
6、商品盒子
. jd proBox{
margin-top: 10px; 与上边距的距离
box- shadow: 0 0 1px #d8d8d8; 阴影
min-height: 200px;
background: #fff; 背景颜色：白色
}
.jd_ proBox pro tit {
height: 34px;
line - height: 34px;
border- bottom: 1px solid #ddd;
}
/*no border*/
.jd_ proBox pro tit.nb{ 没有边框
border- bottom: none ;
}
jd proBox .pro con {}
