案例效果图：

首先新建一个文件，保存命名为美食专题

然后分析结构和样式，会用到的标签

因为图片文件位于网页文件的上一级所以在图片前加“../”

用<img>标签src引入图片

注意：

接下来对应<p>标签中输入文字，以及对特殊文字进行css样式的实现

暂时完成效果如下：

然后我们新建一个css文件，并且保存在同一个html文件夹

然后使用<link>标签将css文件使用外链式的方式引入到html文件中,然后添加一个rel=“stylesheet“属性

在css中，我们对p标签的字体进行统一的设置（字体大小、字体行间距、首行缩进）和其他标签的一一实现

由于价格特殊，我们是用类选择器对其进行设置

最后如图所示：