用html实现软文推广页面

一、下载所需的基础文件

二、解压文件并用vsc软件打开

注:打开文件夹前最好把名字改成英文

三、创建项目

双击空白处创建一个以.html的文件，然后输入！再按Tab键

四、结构分析

1.标题分别使用<h1>和<h2>标签，其中h1表示一级标题，h2表示二级标题

2.<h1>标签中应用了名称为“书法.ttf”的字体，并且添加文字阴影

3..middle和.footer中的字体图标使用<i>标签引用对应的class值来完成

4.在<p>标签中定义HTML5和CSS3描述信息

五、编写第一块代码

CSS:

<link href="css\font-awesome.min.css" rel="stylesheet" type="text/css"/>
 html, body, ul {
      width: 100%;height: 100%;padding: 0;margin: 0
    }
    .container h1 {
      text-align: center;font: 40px "myFont";margin-top: 75px;
      text-shadow: 5px 5px 5px#2c41ff
    }
    @f