网站建设技术任务5 制作网站商品内容页.docx

五台山核桃油软胶囊

商品产地：

北京

商品货号：

12345678

市场价格：

230元

会员价：

180元

产品规格：

150g80*60（mm）

• 30天退换货

　

• 产品假一罚十

　

• 满200免运费

　

• 3000城市货到付

--产品描述-->

各位老师、同志们：

大家好！

今天，我们在这里召开学院第五次师资工作暨教师“千万培养工程”再推进大会，这既是落实学院第二次党代会提出的全面建设更高品质幸福金院的重要举措，也是推进学院新一轮内涵建设、推进实施“攀越计划”和“创新业工程”的重要抓手。

刚才我们隆重授予郭福春教授、孔德兰教授为“金晖学者”，这是我们推进高层次队伍建设的重要信号，希望能在全校范围内产生重大的激励效应。

王琦同志代表学校做了工作报告，我完全同意，出台《教师职业发展指引（试行）》、实施“十大计划”、千万培养很有意义，希望能以此为契机，推动学院新一轮师资队伍建设取得新进展，为建设高品质幸福金院写下更为精彩的辉煌的一笔。

下面，我再讲几点意见：

--相关推荐-->

• 健康美国墨西哥
  山药片（30片）
  市场价：

  118元
  会员价：

  98元
  

• 健康美国墨西哥
  山药片（30片）
  市场价：

  118元
  会员价：

  98元
  

• 健康美国墨西哥
  山药片（30片）
  市场价：

  118元
  会员价：

  98元
  

--正文结束-->

（3）底部代码（略）

2.要求商品内容页与首页的CSS规则都存放在同一个css.css文件中,商品内容页主体部分CSS代码如下：

#quyu1{

width:

980px;

margin-right:

auto;

margin-left:

auto;

margin-top:

5px;

margin-bottom:

5px;

overflow:

hidden;

display:

block;

}

#quyu1.l{

height:

auto;

width:

193px;

float:

left;

overflow:

hidden;

display:

block;

}

#quyu1.l.canpin{

width:

191px;

margin-bottom:

10px;

border:

1pxsolid#D6DCB8;

display:

block;

overflow:

hidden;

padding-bottom:

20px;

}

#quyu1.lul{

list-style-type:

none;

margin-left:

18px;

overflow:

hidden;

}

#quyu1.lulli{

width:

48%;

margin-top:

8px;

float:

left;

}

#quyu1.lullia{

text-decoration:

none;

font-size:

12px;

color:

#61615F;

}

#quyu1.l.canpinul.more{

width:

100px;

}

#quyu1.lullia:

hover{

font-weight:

bold;

color:

#030;

}

#quyu1.l.diqu{

width:

191px;

margin-bottom:

10px;

border:

1pxsolid#D6DCB8;

display:

block;

overflow:

hidden;

padding-bottom:

20px;

}

#quyu1.l.changxiao{

width:

191px;

margin-bottom:

10px;

border:

1pxsolid#8FB86A;

display:

block;

overflow:

hidden;

padding-bottom:

20px;

}

#quyu1.l.changxiaoul{

list-style-type:

none;

margin-left:

6px;

overflow:

hidden;

}

#quyu1.l.changxiaoulli{

width:

180px;

margin-top:

8px;

float:

left;

line-height:

1.5em;

padding-left:

8px;

}

#quyu1.l.changxiaoullib{

height:

14px;

width:

14px;

background-color:

#3F7909;

font-size:

12px;

line-height:

1.2em;

text-align:

center;

vertical-align:

middle;

color:

#FDFCFF;

display:

block;

overflow:

hidden;

float:

left;

margin-top:

2px;

}

#quyu1.l.changxiaoulli.hs{

background-color:

#D35D05;

}

#quyu1.l.changxiaoullia{

font-size:

12px;

color:

#616161;

text-decoration:

none;

float:

left;

margin-left:

6px;

}

#quyu1.rr{

float:

right;

height:

auto;

width:

777px;

margin-left:

5px;

}

#quyu1.rr.position{

font-size:

12px;

color:

#686868;

background-color:

#F8F8F8;

height:

29px;

width:

760px;

border:

1pxsolid#DADADA;

display:

block;

overflow:

hidden;

text-align:

left;

padding-left:

10px;

line-height:

2em;

margin-top:

10px;

margin-bottom:

10px;

float:

right;

}

.rr.positiona{

font-size:

12px;

color:

#999;

text-decoration:

none;

}

.rr.positiona:

hover{

font-weight:

bold;

color:

#030;

}

.rr.arc_pic{

height:

auto;

width:

775px;

margin-bottom:

10px;

font-size:

12px;

color:

#666;

line-height:

2.5em;

}

.rr.arc_pic.arc_pic_l.big_img{

border:

1pxsolid#999;

height:

303px;

width:

303px;

text-align:

center;

margin-bottom:

10px;

}

.rr.arc_pic.arc_pic_l{

height:

375px;

width:

310px;

float:

left;

margin-right:

20px;

}

.rr.arc_pic.arc_pic_lul{

margin-top:

10px;

width:

250px;

}

.rr.arc_pic.arc_pic_lulli{

float:

right;

width:

50px;

height:

50px;

margin-right:

4px;

margin-left:

4px;

border:

1pxsolid#C9C9C9;

}

.rr.arc_pic.arc_pic_rh2{

font-size:

14px;

font-weight:

bold;

color:

#515151;

height:

25px;

display:

block;

overflow:

hidden;

float:

left;

}

.rr.arc_pic.arc_pic_rp{

font-size:

12px;

color:

#666;

line-height:

18px;

clear:

both;

}

.rr.arc_pic.arc_pic_rpspan{

font-size:

18px;

color:

#F00;

font-weight:

bold;

}

.rr.arc_pic.arc_pic_r{

float:

left;

padding-top:

2px;

padding-right:

0px;

padding-bottom:

2px;

padding-left:

0px;

}

.rr.arc_pic.arc_pic_r.baozeng{

height:

60px;

width:

270px;

border:

1pxsolid#EBEDE0;

}

.rr.arc_pic.arc_pic_r.baozengul{

margin-top:

4px;

margin-bottom:

4px;

}

.rr.arc_pic.arc_pic_r.baozengulli{

font-size:

12px;

color:

#5B5B5B;

float:

left;

width:

43%;

}

#quyu1.rr.canpinmiaoshu{

height:

auto;

width:

775px;

clear:

both;

margin-bottom:

15px;

}

#quyu1.rr.canpinmiaoshuh2{

height:

37px;

background-image:

url（arc_pic_1_29.jpg）;

background-repeat:

repeat-x;

}

#quyu1.rr.canpinmiaoshuh2span{

height:

37px;

width:

111px;

float:

left;

display:

block;

background-image:

url（arc_pic_1_26.jpg）;

}

#quyu1.rr.canpinmiaoshup{

font-size:

12px;

line-height:

1.5em;

text-indent:

2em;

}

#quyu1.rr.xiangguanruijian{

height:

auto;

width:

775px;

clear:

both;

margin-bottom:

10px;

}

#quyu1.rr.xiangguanruijianh2{

height:

27px;

background-image:

url（arc_pic_1_42.jpg）;

background-repeat:

repeat-x;

}

#quyu1.rr.xiangguanruijianh2span{

height:

27px;

width:

111px;

float:

left;

display:

block;

background-image:

url（arc_pic_1_38.jpg）;

}

#quyu1.rr.xiangguanruijianh2b{

height:

27px;

width:

1px;

float:

right;

background-image:

url（arc_pic_1_42.jpg）;

}

#quyu1.rr.xiangguanruijianul{

list-style-type:

none;

padding-left:

5px;

padding-top:

10px;

}

#quyu1.rr.xiangguanruijianu

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档到电脑，查找使用更方便

下载	加入VIP,免费下载

还剩页未读，继续阅读

举报
版权申诉 word格式文档无特别注明外均可编辑修改；预览文档经过压缩，下载后原文更清晰！ 立即下载

配套讲稿：

如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

特殊限制：

部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。

关 键  词：

网站建设技术任务5 制作网站商品内容页 网站 建设 技术 任务 制作 商品 内容

  冰豆网所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。