资源描述：
《html西式甜品网制作》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。
1、“西式甜品网”首页面制作一、案例描述1、考核知识点Ø盒子模型Ø元素的浮动与定位2、练习目标Ø掌握盒子的相关属性。Ø掌握元素的浮动与定位。3、需求分析盒子模型这样的布局方式代替了传统的表格布局，同时结合元素的浮动与定位，可使网页的结构更加多样化，通过学习本案例可以使初学者进一步的巩固盒子模型和元素的浮动与定位等相关知识点。4、案例展示效果如图4-1所示。图4-1“西式甜品网”效果展示二、布局及定义基础样式1、效果分析（1）HTML结构分析“西式甜品网”首页面从上到下可以分为5个模块，如图4-2所示。图4-1“西式甜品网”结构分析（2）CSS样式分析页面中的各个模块居中显示，页面
2、的版心为980px。另外，页面中的所有字体均为微软雅黑，字体大小为16px，这些可以通过CSS公共样式进行定义。2、页面布局新建index04.html文件，在index04.html文件内书写HTML结构代码，具体代码如下。1343、>56西式甜品网7891
