CSS盒子模型之产品模块案例

代码最终运行效果图如下：

 代码开始编写前，我们需要编写一行清除样式本身带有的内外边距的代码，该代码用通配符标识了这篇代码的通用，如下：其中padding为内边距样式；margin为外边距。

 接着，我们需要构造大致模型——“大的盒子”装上“图片模块”、段落标签、两个“小盒子”（分占一行）。整体布局思路是这样，接着先写出部分代码如下：

 那么，“大盒子”起先没有任何修饰，这时，我定义了一个类选择器&#