网页设计与制作教程Web前端开发（第7版）课件：CSS3的盒模型习题.pptx

本节介绍社区网主页几个板块的制作，重点练习Div+CSS布局页面的相关知识。CSS3的盒模型习题《网页设计与制作教程Web前端开发第7版》

目录CSS的盒模型6.1CSS盒模型的组成和大小6.2CSS盒模型的属性6.3CSS布局属性6.4CSS盒子定位属性 6.5CSS3多列属性6.6CSS基本布局样式 6.7实训——制作社区网网页6.8练习

6.8练习1．使用图文混排技术制作如图6-47所示的书城页面。

6.8练习2．使用盒模型技术制作如图6-48所示的抽象艺术页面。

6.8练习3．制作三行两列宽度固定布局，，页面显示效果如图6-49所示。

6.8练习4．制作三行三列宽度固定布局，页面显示效果如图6-50所示。

6.8练习5．使用div+css布局制作电脑学堂页面，如图6-51所示。

6.8练习6．使用div+css布局制作美食之家页面，如图6-52所示。

6.8练习7.整合社区网中心内容的4个板块，如图6-53所示。

6.8练习8.整合社区网新闻、通告、登陆内容的3个板块，如图6-54所示。

《网页设计与制作教程：Web前端开发（第7版）》再接再厉，继续前行