引言：

前端三大件：HTML、CSS、JS，每一个部分都很重要，我听过比较形象的比喻就是HTML（HYPER TEXT MARKUP LANGUAGE）相当于骨架，而CSS就是装饰渲染，JS则是动作功能实现。

之前的文章我已经讲过HTML，这篇文章我将讲解HTML和CSS的案例。

网页开发：

我开发出来的网页如图所示：比较简单。

很显然，很像一个读小说的网站。当然如果有好的审美，可以自己添加代码，进行修饰。

在开发之前啊，我选用的软件是：Visual Studio CODE，这个软件在前端开发中十分常用，且提供了很大的便利。

当然也可以用记事本开发，记得把后缀名改成.html

还有我的CSS使用的是内部样式表。

写在head标签下。

正文：

开发这个网页，主要是因为近期看了明史，也就是明朝那些事儿，我觉得很有意思，加上正好要写html和css的综合案例，就在本篇写了一下。

用到的标签有 

<h1></h1>

   <img src="lyf.jpg" class="god">

    <p>    </p>

就是这三个标签，构成了HTML的主体架构。

而CSS则是设置了以下形式。

font-size: 16px;

            line-height: 32px;

            font-family: "Microsoft Yahei";

            text-align: left;

            text-indent：2em;

         text-decoration: none;

            color: #888888

        width：66px

具体代码见：https://download.csdn.net/download/mingangel/89780399https://download.csdn.net/download/mingangel/89780399