《WUI网页界面设计（HTML5.0+CSS3+Javascript）》第六章 综合案例.pptx

;;一、案例分析

;要想构建一个相对复杂的图文结构，首先要分析其结构关系。下图所示的图文结构是由一个红色大框、3个蓝色小框构成的。然后可以考虑使用什么样的标签组合。代码如下：

;之后发现它是由3组同样的结构模块嵌套在一个大框内的。;二、建立框架

我们可以利用3组div盒子建立3组产品内容，再将这3组嵌套在一个大的div盒子中，即可完成框架搭建。;这里由于产品型号部分是需要链接的，因此将它嵌套在a标签“ahref=JDSS0115-09/a”中，之后再嵌套在h2标签里。

;三、进行修饰

img属于内联块，所以只有将它转换成块级标签，才可以给它加上宽、高。为了让每一个图像都完全显示在每组d