自学内容网 自学内容网

前端入门:HTML+CSS

引言:

前端三大件: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/89780399icon-default.png?t=O83Ahttps://download.csdn.net/download/mingangel/89780399


原文地址:https://blog.csdn.net/mingangel/article/details/142421158

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!