网页设计与制作案例教程（HTML5+CSS3+JavaScript）（微课版）（第2版） 课件 案例8：山东介绍网页.pptx

我们毕业啦其实是答辩的标题地方案例8山东介绍网页

案例分析案例实现案例小结案例描述图8-1山东介绍网页创建山东介绍网页，将所有内容放入一个盒子中，并使用CSS设置盒子的样式，浏览效果如图8-1所示。

案例分析案例实现案例小结案例描述要求如下。（1）页面字体为微软雅黑、16px、深灰色（#333）。（2）盒子的宽度为800px、高度为450px，盒子中显示背景图片，盒子在浏览器中居中显示。（3）“山东介绍”为二级标题，高度为60px，标题左侧有山东Logo图像，标题行背景颜色为白色。（4）段落文字首行缩进2个字符、行高为30px。

案例分析案例实现案例小结案例分析案例描述divh2ph2标题中的背景颜色、左侧的Logo图像，以及盒子中的背景图像都使用background综合属性设置。

案例实现案例小结案例分析案例描述1.新建项目2.在项目中创建网页文件在HBuilderX中新建项目project08，设置项目存放位置为E:/网页设计/源代码，选择模板类型为“基本HTML项目”，单击“创建”按钮。将素材图片复制、粘贴到images目录中。在project08中新建HTML文件，设置文件名为example.html。

案例实现案例小结案例分析案例描述根据案例分析，使用相应的HTML标记来构建网页结构，代码如下。3.搭建页面结构

案例实现案例小结案例分析案例描述在head标记内添加内部样式表，样式表代码如下。4.定义CSS样式5.保存并浏览网页

案例实现案例小结案例分析案例描述本案例创建了一个山东介绍页面，学习将页面内容放入定义的盒子中，并设置相应元素的背景颜色和背景图像，达到图文并茂、页面美观的效果。后面，我们具体详细介绍背景颜色和背景图像的设置等内容。

我们毕业啦其实是答辩的标题地方感谢观看