HTML5网页设计练习2

效果图：

思路：

1.分成四个盒子，整体、商品图、商品名字、价格和购买。（注意样式初始化）

2.第一个盒子：块元素引入；设置宽高属性和对齐方式。

3.第二个盒子：块元素引入；两张图片，一个使用背景图片导入（设置宽高属性和对齐方式），一个使用图片标签导入。

4.第三个盒子：块元素引入；设置宽高属性和对齐方式，文字的字体和粗细。（注意计算问题）

5.第四个盒子：行内块元素引入；设置字体颜色和大小，关键在如何处理各个要素的位置关系。